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

package/esm/index.js

@@ -1,2 +1,4217 @@
-var ft=(t,e,n)=>{if(!e.has(t))throw TypeError("Cannot "+n)};var d=(t,e,n)=>(ft(t,e,"read from private field"),n?n.call(t):e.get(t)),w=(t,e,n)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,n)},L=(t,e,n,o)=>(ft(t,e,"write to private field"),o?o.call(t,n):e.set(t,n),n);import{DOWN1 as In,DOWN2 as zn,isTypeDescriptor as $n,metadataKeys as Vn,registerComponent as Kn,UP1 as Bn,UP2 as Wn}from"@vuu-ui/vuu-utils";import Gn from"classnames";import{getMovingValueDirection as Hn,isTypeDescriptor as Ln,isValidNumber as gt}from"@vuu-ui/vuu-utils";import{useEffect as kn,useRef as Nn}from"react";var Fn=[void 0,void 0,void 0,void 0];function Ct(t,e,n){var g;let o=Nn(),[r,s,i,u]=o.current||Fn,{type:a}=n,c=Ln(a)?(g=a.formatting)==null?void 0:g.decimals:void 0,p=t===r&&gt(e)&&gt(s)&&n===i?Hn(e,u,s,c):"";return kn(()=>{o.current=[t,e,n,p]}),p}import{jsx as Zn,jsxs as Jn}from"react/jsx-runtime";var Qn=String.fromCharCode(11014),Un=String.fromCharCode(11015),{KEY:Xn}=Vn,be="vuuBackgroundCell",oe={ArrowOnly:"arrow",BackgroundOnly:"bg-only",ArrowBackground:"arrow-bg"},Yn=t=>$n(t)&&t.renderer&&"flashStyle"in t.renderer?t.renderer.flashStyle:oe.BackgroundOnly,_n=({column:t,row:e})=>{let{key:n,type:o,valueFormatter:r}=t,s=e[n],i=Yn(o),u=Ct(e[Xn],s,t),a=i===oe.ArrowOnly||i===oe.ArrowBackground?u===Bn||u===Wn?Qn:u===In||u===zn?Un:null:null,c=u?" "+u:"",p=Gn(be,c,{[`${be}-arrowOnly`]:i===oe.ArrowOnly,[`${be}-arrowBackground`]:i===oe.ArrowBackground});return Jn("div",{className:p,tabIndex:-1,children:[Zn("div",{className:`${be}-flasher`,children:a}),r(e[t.key])]})};Kn("background",_n,"cell-renderer",{serverDataType:["long","int","double"]});import{isColumnTypeRenderer as qn,isTypeDescriptor as jn,registerComponent as eo}from"@vuu-ui/vuu-utils";import to from"classnames";import{jsx as He,jsxs as bt}from"react/jsx-runtime";var re="vuuProgressCell",no=({column:t,columnMap:e,row:n})=>{let{type:o}=t,r=n[t.key],s=!1,i=0;if(jn(o)&&qn(o.renderer)){let{associatedField:a}=o.renderer,c=n[e[a]];if(typeof r=="number"&&typeof c=="number")i=Math.min(Math.round(r/c*100),100),s=isFinite(i);else{let p=parseFloat(r);if(Number.isFinite(p)){let g=parseFloat(c);Number.isFinite(g)&&(i=Math.min(Math.round(p/g*100),100),s=isFinite(i))}}}let u=to(re,{});return bt("div",{className:u,tabIndex:-1,children:[s?bt("span",{className:`${re}-track`,children:[He("span",{className:`${re}-bg`}),He("span",{className:`${re}-bar`,style:{"--progress-bar-pct":`-${100-i}%`}})]}):null,He("span",{className:`${re}-text`,children:`${i} %`})]})};eo("vuu.progress",no,"cell-renderer",{serverDataType:["long","int","double"]});import{List as oo,ListItem as ro}from"@vuu-ui/vuu-ui-controls";import{Checkbox as so}from"@salt-ds/core";import{Switch as io}from"@salt-ds/lab";import lo from"classnames";import{useCallback as ao}from"react";import{jsx as N,jsxs as Le}from"react/jsx-runtime";var k="vuuColumnList",ht="vuuColumnListItem",uo=({className:t,item:e,...n})=>{var o;return Le(ro,{...n,className:lo(t,ht),"data-name":e==null?void 0:e.name,children:[N(io,{className:`${k}-switch`,checked:e==null?void 0:e.subscribed}),N("span",{className:`${k}-text`,children:(o=e==null?void 0:e.label)!=null?o:e==null?void 0:e.name}),N(so,{className:`${k}-checkBox`,checked:(e==null?void 0:e.hidden)!==!0,disabled:(e==null?void 0:e.subscribed)!==!0})]})},xt=({columnItems:t,onChange:e,onMoveListItem:n,...o})=>{let r=ao(s=>{let i=s.target,u=i.closest(`.${ht}`),{dataset:{name:a}}=u;if(a){let c=i.closest(`.${k}-switch`),p=i.closest(`.${k}-checkBox`);c?e(a,"subscribed",i.checked):p&&e(a,"hidden",i.checked===!1)}},[e]);return Le("div",{...o,className:k,children:[N("div",{className:`${k}-header`,children:N("span",{children:"Column Selection"})}),Le("div",{className:`${k}-colHeadings`,children:[N("span",{children:"Column subscription"}),N("span",{children:"Visibility"})]}),N(oo,{ListItem:uo,allowDragDrop:!0,height:"100%",onChange:r,onMoveListItem:n,selectionStrategy:"none",source:t,itemHeight:33})]})};import{autocompletion as Oo,defaultKeymap as Ao,EditorState as Ho,EditorView as kt,ensureSyntaxTree as Lo,keymap as Qe,minimalSetup as ko,startCompletion as Nt}from"@vuu-ui/vuu-codemirror";import{createEl as Ft}from"@vuu-ui/vuu-utils";import{useEffect as No,useMemo as Fo,useRef as Ue}from"react";import{LanguageSupport as mo,LRLanguage as po,styleTags as fo,tags as xe}from"@vuu-ui/vuu-codemirror";import{LRParser as co}from"@lezer/lr";var he=co.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 go=po.define({name:"VuuColumnExpression",parser:he.configure({props:[fo({Function:xe.variableName,String:xe.string,Or:xe.emphasis,Operator:xe.operator})]})}),yt=()=>new mo(go);var ke=class{constructor(e){switch(this.value=e,typeof e){case"boolean":this.type="booleanLiteralExpression";break;case"number":this.type="numericLiteralExpression";break;default:this.type="stringLiteralExpression"}}toJSON(){return{type:this.type,value:this.value}}},Ne=class{constructor(e){this.type="colExpression";this.column=e}toJSON(){return{type:this.type,column:this.column}}},ie,$,Fe=class{constructor(e="unknown"){w(this,ie,[{type:"unknown"},{type:"unknown"}]);w(this,$,void 0);this.type="arithmeticExpression";L(this,$,e)}get op(){return d(this,$)}set op(e){L(this,$,e)}get expressions(){return d(this,ie)}toJSON(){return{type:this.type,op:d(this,$),expressions:d(this,ie)}}};ie=new WeakMap,$=new WeakMap;var _,Ie=class{constructor(e){w(this,_,[]);this.type="callExpression";this.functionName=e}get expressions(){return d(this,_)}get arguments(){return d(this,_)}toJSON(){return{type:this.type,functionName:this.functionName,arguments:d(this,_).map(e=>{var n;return(n=e.toJSON)==null?void 0:n.call(e)})}}};_=new WeakMap;var le,Z,X=class{constructor(){w(this,le,[{type:"unknown"},{type:"unknown"}]);w(this,Z,"unknown");this.type="relationalExpression"}get op(){return d(this,Z)}set op(e){L(this,Z,e)}get expressions(){return d(this,le)}toJSON(){return{type:this.type,op:d(this,Z),expressions:d(this,le)}}};le=new WeakMap,Z=new WeakMap;var ae,J,Y=class{constructor(e){w(this,ae,[{type:"unknown"},{type:"unknown"}]);w(this,J,void 0);this.type="booleanCondition";L(this,J,e)}get op(){return d(this,J)}get expressions(){return d(this,ae)}toJSON(){return{type:this.type,op:d(this,J),expressions:d(this,ae).map(e=>{var n;return(n=e.toJSON)==null?void 0:n.call(e)})}}};ae=new WeakMap,J=new WeakMap;var D,se=class{constructor(e){w(this,D,void 0);this.type="conditionalExpression";L(this,D,[e?new Y(e):new X,{type:"unknown"},{type:"unknown"}])}get expressions(){return d(this,D)}get condition(){return d(this,D)[0]}get truthyExpression(){return d(this,D)[1]}set truthyExpression(e){d(this,D)[1]=e}get falsyExpression(){return d(this,D)[2]}set falsyExpression(e){d(this,D)[2]=e}toJSON(){var e,n,o,r,s;return{type:this.type,condition:(n=(e=this.condition).toJSON)==null?void 0:n.call(e),truthyExpression:this.truthyExpression,falsyExpression:(s=(r=(o=this.falsyExpression)==null?void 0:o.toJSON)==null?void 0:r.call(o))!=null?s:this.falsyExpression}}};D=new WeakMap;var z=t=>t.type==="unknown",ye=t=>t.type==="arithmeticExpression",Co=t=>t.type==="callExpression",U=t=>t.type==="conditionalExpression",bo=t=>t.type==="relationalExpression"||t.type==="booleanCondition";var ho=t=>t.type==="booleanCondition",$e=t=>(t==null?void 0:t.type)==="relationalExpression";var E=t=>{if(z(t))return t;if($e(t)){let[e,n]=t.expressions;if(v(e))return E(e);if(t.op==="unknown")return t;if(v(n))return E(n)}else if(bo(t)){let{expressions:e=[]}=t;for(let n of e)if(v(n))return E(n)}else if(U(t)){let{condition:e,truthyExpression:n,falsyExpression:o}=t;if(v(e))return E(e);if(v(n))return E(n);if(v(o))return E(o)}else if(ye(t)){let{expressions:e=[]}=t;for(let n of e)if(v(n))return E(n)}},ve=(t,e,n)=>{let{expressions:o=[]}=t;if(o.includes(e)){let r=o.indexOf(e);return o.splice(r,1,n),!0}else for(let r of o)if(ve(r,e,n))return!0;return!1},v=t=>z(t)?!0:U(t)?v(t.condition)||v(t.truthyExpression)||v(t.falsyExpression):$e(t)||ho(t)?t.op===void 0||t.expressions.some(e=>v(e)):!1,vt=(t,e)=>{let n=E(t);n?n.expressions?n.expressions.push(e):console.warn("don't know how to treat targetExpression"):console.error("no target expression found")},h,V,ze=class{constructor(){w(this,h,void 0);w(this,V,[])}setCondition(e){if(d(this,h)===void 0)this.addExpression(new se(e));else if(U(d(this,h))){if(v(d(this,h).condition)){let n=e?new Y(e):new X;this.addExpression(n)}else if(z(d(this,h).truthyExpression))d(this,h).truthyExpression=new se(e);else if(v(d(this,h).truthyExpression)){let n=e?new Y(e):new X;this.addExpression(n)}else if(z(d(this,h).falsyExpression))d(this,h).falsyExpression=new se(e);else if(v(d(this,h).falsyExpression)){let n=e?new Y(e):new X;this.addExpression(n)}}else console.error("setCondition called unexpectedly")}addExpression(e){if(d(this,V).length>0){let n=d(this,V).at(-1);n==null||n.arguments.push(e)}else if(d(this,h)===void 0)L(this,h,e);else if(ye(d(this,h))){let n=E(d(this,h));n&&z(n)&&ve(d(this,h),n,e)}else if(U(d(this,h))&&v(d(this,h))){let n=E(d(this,h));n&&z(n)?ve(d(this,h),n,e):n&&vt(n,e)}}setFunction(e){let n=new Ie(e);this.addExpression(n),d(this,V).push(n)}setColumn(e){this.addExpression(new Ne(e))}setArithmeticOp(e){let n=e,o=d(this,h);ye(o)&&(o.op=n)}setRelationalOperator(e){let n=e;if(d(this,h)&&U(d(this,h))){let o=E(d(this,h));$e(o)?o.op=n:console.error(`no target expression found (op = ${e})`)}}setValue(e){let n=new ke(e);if(d(this,h)===void 0)L(this,h,n);else if(ye(d(this,h)))this.addExpression(n);else if(Co(d(this,h)))d(this,h).arguments.push(n);else if(U(d(this,h)))if(v(d(this,h))){let o=E(d(this,h));o&&z(o)?ve(d(this,h),o,n):o&&vt(o,n)}else console.log("what do we do with value, in a complete expression")}closeBrace(){d(this,V).pop()}get expression(){return d(this,h)}toJSON(){var e;return(e=d(this,h))==null?void 0:e.toJSON()}};h=new WeakMap,V=new WeakMap;var Tt=(t,e)=>{let n=new ze,o=t.cursor();do{let{name:r,from:s,to:i}=o;switch(r){case"AndCondition":n.setCondition("and");break;case"OrCondition":n.setCondition("or");break;case"RelationalExpression":n.setCondition();break;case"ArithmeticExpression":n.addExpression(new Fe);break;case"Column":{let u=e.substring(s,i);n.setColumn(u)}break;case"Function":{let u=e.substring(s,i);n.setFunction(u)}break;case"Times":case"Divide":case"Plus":case"Minus":{let u=e.substring(s,i);n.setArithmeticOp(u)}break;case"RelationalOperator":{let u=e.substring(s,i);n.setRelationalOperator(u)}break;case"False":case"True":{let u=e.substring(s,i);n.setValue(u==="true")}break;case"String":n.setValue(e.substring(s+1,i-1));break;case"Number":n.setValue(parseFloat(e.substring(s,i)));break;case"CloseBrace":n.closeBrace();break;default:}}while(o.next());return n.toJSON()};var xo=he.configure({strict:!0}),Et=["Number","String"],Ve=[...Et,"AndCondition","ArithmeticExpression","BooleanOperator","RelationalOperatorOperator","CallExpression","CloseBrace","Column","Comma","ConditionalExpression","Divide","Equal","If","Minus","OpenBrace","OrCondition","ParenthesizedExpression","Plus","RelationalExpression","RelationalOperator","Times"],St=t=>{try{return xo.parse(t),!0}catch{return!1}},Ke=t=>{let{lastChild:e}=t;for(;e&&!Ve.includes(e.name);)e=e.prevSibling,console.log(e==null?void 0:e.name);return e},wt=t=>{if((t==null?void 0:t.name)==="RelationalExpression"){let{firstChild:e}=t,n=Ke(t);if((e==null?void 0:e.name)==="Column"&&typeof(n==null?void 0:n.name)=="string"&&Et.includes(n.name))return!0}return!1};import{HighlightStyle as yo,syntaxHighlighting as vo,tags as Pt}from"@vuu-ui/vuu-codemirror";var To=yo.define([{tag:Pt.variableName,color:"var(--vuuFilterEditor-variableColor)"},{tag:Pt.comment,color:"green",fontStyle:"italic"}]),Rt=vo(To);import{EditorView as Eo}from"@vuu-ui/vuu-codemirror";var Dt=Eo.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 So,getNamedParentNode as Mt,getPreviousNode as wo,getValue as O,syntaxTree as Po}from"@vuu-ui/vuu-codemirror";import{useCallback as Ot}from"react";var Ro=(t,e)=>e?t.map(n=>{var o;return{...n,apply:typeof n.apply=="function"?n.apply:`${e}${(o=n.apply)!=null?o:n.label}`}}):t,Do=t=>t===void 0?!1:["Times","Divide","Plus","Minus"].includes(t.name),q=(t,e)=>{var r;let{lastChild:n}=t,{pos:o}=e;for(;n;)if(n.from<o&&Ve.includes(n.name)){if(n.name==="ParenthesizedExpression"){let i=(r=n.firstChild)==null?void 0:r.nextSibling;i&&(n=i)}return n}else n=n.prevSibling},At=(t,e)=>{var n;if(t.name==="ArgList"){let o=t.prevSibling;if(o)return O(o,e)}else if(t.name==="OpenBrace"){let o=(n=t.parent)==null?void 0:n.prevSibling;if((o==null?void 0:o.name)==="Function")return O(o,e)}},Ht=(t,e)=>{if(t.name==="RelationalExpression"){let n=Ke(t);if((n==null?void 0:n.name)==="RelationalOperator")return O(n,e)}else{let n=t.prevSibling;if((n==null?void 0:n.name)==="RelationalOperator")return O(n,e)}},Ge=(t,e)=>{var n;if(t.name==="RelationalExpression"){if(((n=t.firstChild)==null?void 0:n.name)==="Column")return O(t.firstChild,e)}else{let o=t.prevSibling;if((o==null?void 0:o.name)==="Column")return O(o,e);if((o==null?void 0:o.name)==="RelationalOperator")return Ge(o,e)}},Be=async(t,e,n,o={})=>{let r=await e.getSuggestions(n,o),{startsWith:s=""}=o;return{from:t.pos-s.length,options:r}},We=(t,e,n,o,r)=>{let s=q(t,e);switch(console.log(`conditional expression last child ${s==null?void 0:s.name}`),s==null?void 0:s.name){case"If":return Be(e,n,"expression",{prefix:"( "});case"OpenBrace":return Be(e,n,"expression");case"Condition":return Be(e,n,"expression",{prefix:", "});case"CloseBrace":if(o){let i=[{apply:()=>{r==null||r()},label:"Save Expression",boost:10}];return{from:e.pos,options:i}}}},Mo=(t,e)=>{let n=[{apply:()=>{e==null||e()},label:"Save Expression",boost:10}];return{from:t.pos,options:n}},Lt=(t,e)=>{let n=Ot(async(o,r,s={})=>{let i=await t.getSuggestions(r,s),{startsWith:u=""}=s;return{from:o.pos-u.length,options:i}},[t]);return Ot(async o=>{var g,b;let{state:r,pos:s}=o,i=(g=o.matchBefore(/\w*/))!=null?g:{from:0,to:0,text:void 0},a=Po(r).resolveInner(s,-1),c=r.doc.toString(),p=St(c);switch(console.log({nodeBeforeName:a.name}),a.name){case"If":return console.log("conditional expression  If"),n(o,"expression",{prefix:"( "});case"Condition":{let l=q(a,o);if((l==null?void 0:l.name)==="Column"){let m=wo(l);if((m==null?void 0:m.name)!=="RelationalOperator")return n(o,"condition-operator",{columnName:O(l,r)});console.log(`Condition last child Column, prev child ${m==null?void 0:m.name}`)}else if((l==null?void 0:l.name)==="RelationalOperator")return n(o,"expression");console.log(`condition  last child ${l==null?void 0:l.name}`)}break;case"ConditionalExpression":return We(a,o,t);case"RelationalExpression":{if(wt(a))return{from:o.pos,options:So.concat({label:", <truthy expression>, <falsy expression>",apply:", "})};{let l=Ht(a,r),m=Ge(a,r);if(l)return n(o,"expression");{let f=await t.getSuggestions("condition-operator",{columnName:m});return{from:o.pos,options:f}}}}break;case"RelationalOperator":return n(o,"expression");case"String":{let l=Ht(a,r),m=Ge(a,r),{from:f,to:C}=a;if(C-f===2&&o.pos===f+1){if(m&&l)return n(o,"columnValue",{columnName:m,operator:l,startsWith:i.text})}else if(C-f>2&&o.pos===C)return n(o,"expression",{prefix:", "});console.log(`we have a string, column is ${m} ${f} ${C}`)}break;case"ArithmeticExpression":{let l=q(a,o);if((l==null?void 0:l.name)==="Column")return n(o,"expression");if(Do(l)){let m=l.name;return n(o,"column",{operator:m})}}break;case"OpenBrace":{let l=At(a,r);return n(o,"expression",{functionName:l})}break;case"ArgList":{let l=At(a,r),m=q(a,o),f=(m==null?void 0:m.name)==="OpenBrace"?void 0:",",C=await t.getSuggestions("expression",{functionName:l});return C=f?Ro(C,", "):C,(m==null?void 0:m.name)!=="OpenBrace"&&(m==null?void 0:m.name)!=="Comma"&&(C=[{apply:") ",boost:10,label:"Done - no more arguments"}].concat(C)),{from:o.pos,options:C}}case"Equal":if(c.trim()==="=")return n(o,"expression");break;case"ParenthesizedExpression":case"ColumnDefinitionExpression":if(o.pos===0)return n(o,"expression");{let l=q(a,o);if((l==null?void 0:l.name)==="Column"){if(p){let m=[{apply:()=>{e.current()},label:"Save Expression",boost:10}],f=O(l,r),C=await t.getSuggestions("operator",{columnName:f});return{from:o.pos,options:m.concat(C)}}}else if((l==null?void 0:l.name)==="CallExpression"){if(p){let m=[{apply:()=>{e.current()},label:"Save Expression",boost:10}];return{from:o.pos,options:m}}}else if((l==null?void 0:l.name)==="ArithmeticExpression"){if(p){let m=[{apply:()=>{e.current()},label:"Save Expression",boost:10}],f=q(l,o);if((f==null?void 0:f.name)==="Column"){let C=O(f,r),x=await t.getSuggestions("operator",{columnName:C});m=m.concat(x)}return{from:o.pos,options:m}}}else if((l==null?void 0:l.name)==="ConditionalExpression")return We(l,o,t,p,e.current);break}case"Column":if(await t.isPartialMatch("expression",void 0,i.text))return n(o,"expression",{startsWith:i.text});break;case"Comma":{let l=Mt(a);if((l==null?void 0:l.name)==="ConditionalExpression")return n(o,"expression")}break;case"CloseBrace":{let l=Mt(a);if((l==null?void 0:l.name)==="ConditionalExpression")return We(l,o,t,p,e.current);if((l==null?void 0:l.name)==="ArgList"&&p)return Mo(o,e.current);console.log(`does closebrace denote an ARgList or a parenthetised expression ? ${l}`)}break;default:((b=a==null?void 0:a.prevSibling)==null?void 0:b.name)==="FilterClause"&&console.log("looks like we ight be a or|and operator")}},[n,e,t])};var ue=t=>{if(t.current==null)throw Error("EditorView not defined");return t.current},Io=()=>"vuuSuggestion",zo=()=>console.log("noooop"),$o=t=>"expressionType"in t,Vo=t=>{if($o(t)){let e=Ft("div","expression-type-container"),n=Ft("span","expression-type",t.expressionType);return e.appendChild(n),e}else return null},It=({onChange:t,onSubmitExpression:e,suggestionProvider:n})=>{let o=Ue(null),r=Ue(zo),s=Ue(),i=Lt(n,r),[u,a]=Fo(()=>{let c=()=>{let f=ue(s),C=f.state.doc.toString(),x=Lo(f.state,f.state.doc.length,5e3);if(x){let P=Tt(x,C);return[C,P]}else return["",void 0]},p=()=>{ue(s).setState(m())},g=()=>{let[f,C]=c();e==null||e(f,C),p()},b=f=>Qe.of([{key:f,run(){return g(),!0}}]),l=f=>Qe.of([{key:f,run(){return Nt(ue(s)),!0}}]),m=()=>Ho.create({doc:"",extensions:[ko,Oo({addToOptions:[{render:Vo,position:70}],override:[i],optionClass:Io}),yt(),Qe.of(Ao),b("Ctrl-Enter"),l("ArrowDown"),kt.updateListener.of(f=>{let C=ue(s);if(f.docChanged){Nt(C);let x=C.state.doc.toString();t==null||t(x,void 0)}}),Dt,Rt]});return r.current=()=>{g(),setTimeout(()=>{ue(s).focus()},100)},[m,p]},[i,t,e]);return No(()=>{if(!o.current)throw Error("editor not in dom");return s.current=new kt({state:u(),parent:o.current}),()=>{var c;(c=s.current)==null||c.destroy()}},[i,u]),{editorRef:o,clearInput:a}};import{jsx as Bo}from"react/jsx-runtime";var Ko="vuuColumnExpressionInput",zt=({onChange:t,onSubmitExpression:e,suggestionProvider:n})=>{let{editorRef:o}=It({onChange:t,onSubmitExpression:e,suggestionProvider:n});return Bo("div",{className:`${Ko}`,ref:o})};import{AnnotationType as Wo,getRelationalOperators as Go,numericOperators as Qo,stringOperators as Uo,toSuggestions as Xo}from"@vuu-ui/vuu-codemirror";import{getTypeaheadParams as Yo,useTypeaheadSuggestions as _o}from"@vuu-ui/vuu-data-react";import{isNumericColumn as Ye,isTextColumn as Zo}from"@vuu-ui/vuu-utils";import{useCallback as Xe,useRef as Jo}from"react";var j=[{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 A}from"@vuu-ui/vuu-utils";var $t=({name:t,description:e,example:n,params:o,type:r})=>{let s=A("div","vuuFunctionDoc"),i=A("div","function-heading"),u=A("span","function-name",t),a=A("span","param-list",o.description),c=A("span","function-type",r);i.appendChild(u),i.appendChild(a),i.appendChild(c);let p=A("p",void 0,e);if(s.appendChild(i),s.appendChild(p),n){let g=A("div","example-container","Example:"),b=A("div","example-expression",n.expression),l=A("div","example-result",n.result);g.appendChild(b),g.appendChild(l),s.appendChild(g)}return s};var qo=[],K=t=>t.map(e=>{var n;return{...e,apply:((n=e.apply)!=null?n:e.label)+" "}}),jo=(t,{functionName:e,operator:n})=>{if(n)return t.filter(Ye);if(e){let o=j.find(r=>r.name===e);if(o)switch(o.accepts){case"string":return t.filter(Zo);case"number":return t.filter(Ye);default:return t}}return t},Vt=(t,e)=>jo(t,e).map(o=>{var s;let r=(s=o.label)!=null?s:o.name;return{apply:e.prefix?`${e.prefix}${r}`:r,label:r,boost:5,type:"column",expressionType:o.serverDataType}}),er=[{apply:"* ",boost:2,label:"*",type:"operator"},{apply:"/ ",boost:2,label:"/",type:"operator"},{apply:"+ ",boost:2,label:"+",type:"operator"},{apply:"- ",boost:2,label:"-",type:"operator"}],tr=t=>t===void 0||Ye(t)?er:qo,nr=t=>{switch(t.serverDataType){case"string":case"char":return K(Uo);case"int":case"long":case"double":return K(Qo)}},_e=t=>({apply:`${t.name}( `,boost:2,expressionType:t.type,info:()=>$t(t),label:t.name,type:"function"}),or=t=>{if(t){if(typeof t.accepts=="string")return t.accepts;if(Array.isArray(t.accepts))return t.accepts.every(e=>e==="string")?"string":"any"}return"any"},rr=j.map(_e),sr=({functionName:t})=>{if(t){let e=j.find(o=>o.name===t),n=or(e);if(e)switch(n){case"string":return j.filter(o=>o.type==="string"||o.type==="variable").map(_e);case"number":return j.filter(o=>o.type==="number"||o.type==="variable").map(_e);default:}}return rr},ir={},Kt=({columns:t,table:e})=>{let n=Xe(u=>u?t.find(a=>a.name===u):void 0,[t]),o=Jo(),r=_o(),s=Xe(async(u,a=ir)=>{let{columnName:c,functionName:p,operator:g,prefix:b}=a;switch(u){case"expression":{let l=await K(Vt(t,{functionName:p,prefix:b})).concat(sr(a));return o.current=l}case"column":{let l=await Vt(t,a);return o.current=K(l)}case"operator":{let l=await tr(n(c));return o.current=K(l)}case"relational-operator":{let l=await Go(n(c));return o.current=K(l)}case"condition-operator":{let l=n(c);if(l){let m=await nr(l);if(m)return o.current=K(m)}}break;case"columnValue":if(c&&g){let l=Yo(e,c),m=await r(l);return o.current=Xo(m,{suffix:""}),o.current.forEach(f=>{f.apply=(C,x,P)=>{let R=new Wo,I=P+x.label.length+1;C.dispatch({changes:{from:P,insert:x.label},selection:{anchor:I,head:I},annotations:R.of(x)})}}),o.current}break}return[]},[t,n,r,e]),i=Xe(async(u,a,c)=>{let{current:p}=o,g=!1,b=p||await s(u,{columnName:a});if(c&&b)for(let l of b){if(l.label===c)return!1;l.label.startsWith(c)&&(g=!0)}return g},[s]);return{getSuggestions:s,isPartialMatch:i}};import{Button as et,Panel as es}from"@salt-ds/core";import ts from"classnames";import{useCallback as de,useState as an}from"react";import{Stack as Sr}from"@vuu-ui/vuu-layout";import{StepperInput as wr}from"@salt-ds/lab";import{Checkbox as Pr,FormField as B,FormFieldLabel as W,Input as Je,Panel as Zt,RadioButton as ce,RadioButtonGroup as Jt,Text as Rr}from"@salt-ds/core";import Dr from"classnames";import{useCallback as te,useState as Mr}from"react";import{getRegisteredCellRenderers as gr}from"@vuu-ui/vuu-utils";import{Dropdown as Cr}from"@salt-ds/lab";import{Panel as br}from"@salt-ds/core";import Xt from"classnames";import{useMemo as hr}from"react";import{StepperInput as lr,Switch as Bt}from"@salt-ds/lab";import{FormField as ar,FormFieldLabel as ur,Text as cr}from"@salt-ds/core";import{useCallback as Te}from"react";import{Fragment as Gt,jsx as ee,jsxs as Wt}from"react/jsx-runtime";var mr={alignOnDecimals:!1,decimals:4,zeroPad:!1},pr=(t,e)=>{let n=typeof t=="object"&&t.formatting?t.formatting:{};return["alignOnDecimals","decimals","zeroPad"].reduce((r,s)=>n[s]!==void 0?{...r,[s]:n[s]}:(e==null?void 0:e[s])!==void 0?{...r,[s]:e[s]}:r,mr)},Qt=({column:t,dispatchColumnAction:e})=>{let{decimals:n,alignOnDecimals:o,zeroPad:r}=pr(t==null?void 0:t.type),s=Te(c=>e({type:"updateColumnTypeFormatting",column:t,...c}),[t,e]),i=Te(c=>s({decimals:parseInt(c.toString(),10)}),[s]),u=Te(c=>s({alignOnDecimals:!!c.target.value}),[s]),a=Te(c=>s({zeroPad:!!c.target.value}),[s]);switch(t.serverDataType){case"double":return Wt(Gt,{children:[Wt(ar,{labelPlacement:"top",children:[ee(ur,{children:"No of Decimals"}),ee(lr,{value:n,onChange:i})]}),ee(Bt,{checked:o,label:"Align on decimals",onChange:u}),ee(Bt,{checked:r,label:"Zero pad",onChange:a})]});case"long":case"int":return ee(Gt,{children:ee(cr,{children:"Work in progress"})});default:return null}};import{Fragment as dr,jsx as fr}from"react/jsx-runtime";var Ut=({column:t,dispatchColumnAction:e})=>(console.log({column:t,dispatchColumnAction:e}),fr(dr,{children:"what"}));import{Fragment as Tr,jsx as Ee,jsxs as Er}from"react/jsx-runtime";var Ze="vuuColumnTypePanel",xr=["Default Renderer (int, long)"],yr=["Default Renderer (double)"],Yt=["Default Renderer (string)"],vr=t=>{let n=gr(t.serverDataType).map(o=>o.name);switch(console.log({customRendererNames:n}),t.serverDataType){case"char":case"string":return Yt;case"int":case"long":return xr;case"double":return yr.concat(n);default:return Yt}},_t=({className:t,column:e,dispatchColumnAction:n,...o})=>{let r=hr(()=>{switch(e.serverDataType){case"double":case"int":case"long":return Ee(Qt,{column:e,dispatchColumnAction:n});default:return Ee(Ut,{column:e,dispatchColumnAction:n})}},[e,n]),{serverDataType:s="string"}=e,i=vr(e);return Er(Tr,{children:[Ee(Cr,{className:Xt(`${Ze}-renderer`),fullWidth:!0,selected:i[0],source:i}),Ee(br,{...o,className:Xt(Ze,t,`${Ze}-${s}`),children:r})]})};import{jsx as y,jsxs as T}from"react/jsx-runtime";var qt="vuuColumnSettingsPanel",Or={className:"salt-density-high"},jt=({column:t,dispatchColumnAction:e,style:n,...o})=>{var b,l,m,f;let[r,s]=Mr(0),i=te(C=>e({type:"updateColumnProp",column:t,...C}),[t,e]),u=te(C=>i({align:C.target.value}),[i]),a=te(C=>i({pin:C.target.value}),[i]),c=te(C=>i({hidden:C.target.checked}),[i]),p=te(C=>i({label:C.target.value}),[i]),g=te(C=>i({width:parseInt(C.toString(),10)}),[i]);return T("div",{className:qt,...o,style:{...n},children:[y(Rr,{as:"h4",children:"Column Settings"}),T(Sr,{active:r,className:Dr(`${qt}-columnTabs`),onTabSelectionChanged:s,TabstripProps:Or,children:[T(Zt,{title:"Column",children:[T(B,{labelPlacement:"left",children:[y(W,{children:"Hidden"}),y(Pr,{checked:t.hidden===!0,onChange:c})]}),T(B,{labelPlacement:"left",children:[y(W,{children:"Label"}),y(Je,{value:(b=t.label)!=null?b:t.name,onChange:p})]}),T(B,{labelPlacement:"left",children:[y(W,{children:"Width"}),y(wr,{value:(l=t.width)!=null?l:100,onChange:g})]}),T(B,{labelPlacement:"left",children:[y(W,{children:"ALign"}),T(Jt,{"aria-label":"Column Align",value:(m=t.align)!=null?m:"left",onChange:u,children:[y(ce,{label:"Left",value:"left"}),y(ce,{label:"Right",value:"right"})]})]}),T(B,{labelPlacement:"left",children:[y(W,{children:"Pin Column"}),T(Jt,{"aria-label":"Pin Column",value:(f=t.pin)!=null?f:"",onChange:a,children:[y(ce,{label:"Do not pin",value:""}),y(ce,{label:"Left",value:"left"}),y(ce,{label:"Right",value:"right"})]})]})]}),y(_t,{column:t,dispatchColumnAction:e,title:"Data Cell"}),T(Zt,{title:"Vuu",variant:"secondary",children:[T(B,{labelPlacement:"top",readOnly:!0,children:[y(W,{children:"Name"}),y(Je,{value:t.name})]}),T(B,{labelPlacement:"top",readOnly:!0,children:[y(W,{children:"Vuu Type"}),y(Je,{value:t.serverDataType})]})]})]})]})};import{FormField as en,FormFieldLabel as tn,Panel as Ar,RadioButton as qe,RadioButtonGroup as Hr,Text as Lr}from"@salt-ds/core";import{StepperInput as kr}from"@salt-ds/lab";import{useCallback as je}from"react";import{jsx as G,jsxs as me}from"react/jsx-runtime";var Nr="vuuGridSettingsPanel",nn=({config:t,dispatchColumnAction:e,style:n,...o})=>{var u;let r=je(a=>e({type:"updateGridSettings",...a}),[e]),s=je(a=>r({columnFormatHeader:a.target.value}),[r]),i=je(a=>r({columnDefaultWidth:parseInt(a.toString(),10)}),[r]);return me("div",{className:Nr,...o,style:{...n},children:[G(Lr,{as:"h4",children:"Grid Settings"}),me(Ar,{children:[me(en,{labelPlacement:"left",children:[G(tn,{children:"Format column labels"}),me(Hr,{"aria-label":"Format column labels",value:t.columnFormatHeader,onChange:s,children:[G(qe,{label:"No Formatting",value:void 0}),G(qe,{label:"Capitalize",value:"capitalize"}),G(qe,{label:"Uppercase",value:"uppercase"})]})]}),me(en,{labelPlacement:"left",children:[G(tn,{children:"Default Column Width"}),G(kr,{value:(u=t.columnDefaultWidth)!=null?u:100,onChange:i})]})]})]})};import{useReducer as Fr}from"react";import{moveItem as Ir}from"@vuu-ui/vuu-ui-controls";import{fromServerDataType as zr}from"@vuu-ui/vuu-utils";var $r=(t,e)=>{switch(console.log(`gridSettingsReducer ${e.type}`),e.type){case"addColumn":return Vr(t,e);case"addCalculatedColumn":return Kr(t,e);case"moveColumn":return Wr(t,e);case"removeColumn":return Br(t,e);case"updateColumn":return t;case"updateColumnProp":return Gr(t,e);case"updateGridSettings":return Qr(t,e);case"updateColumnTypeFormatting":return Ur(t,e);default:return t}},on=t=>{let[e,n]=Fr($r,t);return{gridSettings:e,dispatchColumnAction:n}};function Vr(t,{column:e,columns:n,index:o=-1}){let{columns:r}=t;if(o===-1){if(Array.isArray(n))return{...t,columns:r.concat(n)};if(e)return{...t,columns:r.concat(e)}}return t}function Kr(t,{columnName:e,columnType:n,expression:o}){let{columns:r}=t,s={name:e,expression:o,serverDataType:n};return{...t,columns:r.concat(s)}}function Br(t,{column:e}){let{columns:n}=t;return{...t,columns:n.filter(o=>o.name!==e.name)}}function Wr(t,{column:e,moveBy:n,moveFrom:o,moveTo:r}){let{columns:s}=t;if(e&&typeof n=="number"){let i=s.indexOf(e),u=s.slice(),[a]=u.splice(i,1);return u.splice(i+n,0,a),{...t,columns:u}}else return typeof o=="number"&&typeof r=="number"?{...t,columns:Ir(s,o,r)}:t}function Gr(t,{align:e,column:n,hidden:o,label:r,width:s}){let{columns:i}=t;return(e==="left"||e==="right")&&(i=pe(i,{...n,align:e})),typeof o=="boolean"&&(i=pe(i,{...n,hidden:o})),typeof r=="string"&&(i=pe(i,{...n,label:r})),typeof s=="number"&&(i=pe(i,{...n,width:s})),{...t,columns:i}}function Qr(t,{columnFormatHeader:e}){return{...t,columnFormatHeader:e!=null?e:t.columnFormatHeader}}function Ur(t,{alignOnDecimals:e,column:n,decimals:o,zeroPad:r}){let{columns:s}=t;if(s.find(u=>u.name===n.name)){let{serverDataType:u="string",type:a=zr(u)}=n,c=typeof a=="string"?{name:a}:{...a};return typeof e=="boolean"&&(c.formatting={...c.formatting,alignOnDecimals:e}),typeof o=="number"&&(c.formatting={...c.formatting,decimals:o}),typeof r=="boolean"&&(c.formatting={...c.formatting,zeroPad:r}),{...t,columns:pe(s,{...n,type:c})}}else return t}function pe(t,e){return t.map(n=>n.name===e.name?e:n)}import{Stack as ns}from"@vuu-ui/vuu-layout";import{Button as Xr,FormField as Yr,FormFieldLabel as _r,Input as Zr,Panel as Jr,Text as qr}from"@salt-ds/core";import{useCallback as Se,useRef as jr,useState as rn}from"react";import{jsx as ne,jsxs as sn}from"react/jsx-runtime";var ln=({columns:t,dispatchColumnAction:e,table:n})=>{let[o,r]=rn(""),[,s]=rn(),i=jr(""),u=Kt({columns:t,table:n}),a=Se(b=>{let{value:l}=b.target;r(l)},[]),c=Se(b=>{i.current=b},[]),p=Se((b,l)=>{console.log({source:b}),s(l)},[]),g=Se(()=>{i.current&&(console.log(`save expression ${JSON.stringify(i.current,null,2)}`),e({type:"addCalculatedColumn",columnName:o,expression:i.current,columnType:"string"}))},[o,e]);return sn(Jr,{className:"vuuCalculatedColumnPanel",title:"Define Computed Column",children:[ne(qr,{styleAs:"h4",children:"Define Computed Column"}),sn(Yr,{labelPlacement:"left",children:[ne(_r,{children:"Column Name"}),ne(Zr,{value:o,onChange:a})]}),ne(zt,{onChange:c,onSubmitExpression:p,suggestionProvider:u}),ne("div",{style:{marginTop:12},children:ne(Xr,{onClick:g,children:"Add Column"})})]})};import{jsx as H,jsxs as tt}from"react/jsx-runtime";var we="vuuDatagridSettingsPanel",os=()=>{},rs=["table-settings","column-chooser","column-settings","define-column"],ss=(t,e)=>rs[e],xc=({availableColumns:t,className:e,gridConfig:n,onCancel:o,onConfigChange:r,...s})=>{var I;console.log("DatagridSettingsPanel render");let[i,u]=an(0),{gridSettings:a,dispatchColumnAction:c}=on(n),[p,g]=an(null),b=de(S=>{g(S?S.name:null)},[]),l=de((S,Ae=!1)=>{console.log("1) DataGridSettingsPanel fire onConfigChange"),r==null||r(a,Ae)},[a,r]),m=de(S=>{u(S)},[]),f=de(S=>l(S,!0),[l]),C=p===null?null:(I=a.columns.find(S=>S.name===p))!=null?I:null,x={activeTabIndex:i,allowRenameTab:!1,orientation:"vertical"},P=de(()=>u(3),[]),R=i===2?"right":void 0;return tt("div",{...s,className:ts(we,e),children:[tt(ns,{TabstripProps:x,className:`${we}-stack`,getTabIcon:ss,getTabLabel:os,active:i===2?1:i,onTabSelectionChanged:m,children:[H(nn,{config:a,dispatchColumnAction:c}),H("div",{className:`${we}-columnPanels`,"data-align":R,children:C===null?H(es,{className:"vuuColumnSettingsPanel",children:"Select a column"}):H(jt,{column:C,dispatchColumnAction:c,style:{background:"white",flex:"1 0 150px"}})}),H("div",{title:"Column Settings",children:"Column Settings"}),H(ln,{columns:a.columns,dispatchColumnAction:c,table:{module:"SIMUL",table:"instruments"}})]}),tt("div",{className:`${we}-buttonBar`,children:[H(et,{onClick:o,children:"Cancel"}),H(et,{onClick:l,children:"Apply"}),H(et,{onClick:f,children:"Save"})]})]})};import{useEffect as is,useState as un}from"react";import ls from"classnames";import{jsx as fe,jsxs as as}from"react/jsx-runtime";var Pe="vuuDatasourceStats",nt=new Intl.NumberFormat,Hc=({className:t,dataSource:e})=>{let[n,o]=un(e.range),[r,s]=un(e.size);is(()=>{s(e.size),e.on("resize",s),e.on("range",o)},[e]);let i=ls(Pe,t),u=nt.format(n.from),a=nt.format(n.to-1),c=nt.format(r);return as("div",{className:i,children:[fe("span",{children:"Showing rows"}),fe("span",{className:`${Pe}-range`,children:u}),fe("span",{className:`${Pe}-range`,children:a}),fe("span",{children:"of"}),fe("span",{className:`${Pe}-size`,children:c})]})};import{FormField as Dn,FormFieldLabel as Mn,Input as zi,ToggleButton as ut,ToggleButtonGroup as $i}from"@salt-ds/core";import{useLayoutEffectSkipFirst as ki}from"@vuu-ui/vuu-layout";import{useCallback as Vc,useRef as Kc}from"react";import{jsx as Gc}from"react/jsx-runtime";import{isNumericColumn as Xc}from"@vuu-ui/vuu-utils";import{removeColumnFromFilter as Zc}from"@vuu-ui/vuu-utils";import{addGroupColumn as qc,addSortColumn as jc,AggregationType as us,setAggregations as em,setSortColumn as tm}from"@vuu-ui/vuu-utils";var{Average:nm,Count:om,Distinct:rm,High:sm,Low:im,Sum:lm}=us;import{ContextMenuProvider as CC}from"@vuu-ui/vuu-popups";import{Button as hC,useIdMemo as xC}from"@salt-ds/core";import{buildColumnMap as ed,getColumnStyle as td,isGroupColumn as nd,metadataKeys as zs,notHidden as od,visibleColumnAtIndex as rd}from"@vuu-ui/vuu-utils";import{useCallback as ld,useMemo as ad}from"react";import{isGroupColumn as dn,isJsonColumn as Ss,isJsonGroup as ws,metadataKeys as Ps,notHidden as Rs}from"@vuu-ui/vuu-utils";import Ds from"classnames";import{memo as Ms,useCallback as fn}from"react";import{getColumnStyle as cs,metadataKeys as ms}from"@vuu-ui/vuu-utils";import{EditableLabel as ps}from"@vuu-ui/vuu-ui-controls";import ds from"classnames";import{memo as fs,useCallback as gs,useRef as Cs,useState as cn}from"react";import{jsx as Re}from"react/jsx-runtime";var{KEY:mn}=ms,ot=fs(({className:t,column:e,columnMap:n,onClick:o,row:r})=>{let s=Cs(null),{align:i,CellRenderer:u,key:a,pin:c,editable:p,resizing:g,valueFormatter:b}=e,[l,m]=cn(!1),f=b(r[a]),[C,x]=cn(f),P=()=>{var M;(M=s.current)==null||M.focus()},R=M=>{M.key==="Enter"&&m(!0)},I=gs(M=>{o==null||o(M,e)},[e,o]),S=()=>{m(!0)},Ae=(M="",pt="",On=!0,An=!1)=>{var dt;m(!1),An?x(M):pt!==M&&x(pt),On===!1&&((dt=s.current)==null||dt.focus())},ct=ds(t,{vuuAlignRight:i==="right",vuuPinFloating:c==="floating",vuuPinLeft:c==="left",vuuPinRight:c==="right","vuuTableCell-resizing":g})||void 0,mt=cs(e);return p?Re("div",{className:ct,"data-editable":!0,role:"cell",style:mt,onKeyDown:R,children:Re(ps,{editing:l,value:C,onChange:x,onMouseDownCapture:P,onEnterEditMode:S,onExitEditMode:Ae,onKeyDown:R,ref:s,tabIndex:0},"title")}):Re("div",{className:ct,role:"cell",style:mt,onClick:I,children:u?Re(u,{column:e,columnMap:n,row:r}):f})},bs);ot.displayName="TableCell";function bs(t,e){return t.column===e.column&&t.onClick===e.onClick&&t.row[mn]===e.row[mn]&&t.row[t.column.key]===e.row[e.column.key]}import{getColumnStyle as hs,getGroupValueAndOffset as xs,metadataKeys as ys}from"@vuu-ui/vuu-utils";import{useCallback as vs}from"react";import{jsx as rt,jsxs as Es}from"react/jsx-runtime";var{IS_LEAF:Ts}=ys,pn=({column:t,onClick:e,row:n})=>{let{columns:o}=t,[r,s]=xs(o,n),i=vs(p=>{e==null||e(p,t)},[t,e]),u=hs(t),a=n[Ts],c=Array(s).fill(0).map((p,g)=>rt("span",{className:"vuuTableGroupCell-spacer"},g));return Es("div",{className:"vuuTableGroupCell vuuPinLeft",onClick:a?void 0:i,role:"cell",style:u,children:[c,a?null:rt("span",{className:"vuuTableGroupCell-toggle","data-icon":"triangle-right"}),rt("span",{children:r})]})};import{jsx as gn,jsxs as ks}from"react/jsx-runtime";var{IDX:Os,IS_EXPANDED:As,SELECTED:Hs}=Ps,De="vuuTableRow",Ls=Ms(function({columnMap:e,columns:n,offset:o,onClick:r,onToggleGroup:s,virtualColSpan:i=0,row:u}){let{[Os]:a,[As]:c,[Hs]:p}=u,g=Ds(De,{[`${De}-even`]:a%2===0,[`${De}-expanded`]:c,[`${De}-preSelected`]:p===2}),b=fn(m=>{let f=m.shiftKey,C=m.ctrlKey||m.metaKey;r==null||r(u,f,C)},[r,u]),l=fn((m,f)=>{(dn(f)||ws(f,u))&&(m.stopPropagation(),s==null||s(u,f))},[s,u]);return ks("div",{"aria-selected":p===1?!0:void 0,"aria-rowindex":a,className:g,onClick:b,role:"row",style:{transform:`translate3d(0px, ${o}px, 0px)`},children:[i>0?gn("div",{role:"cell",style:{width:i}}):null,n.filter(Rs).map(m=>{let f=dn(m),C=Ss(m);return gn(f?pn:ot,{column:m,columnMap:e,onClick:f||C?l:void 0,row:u},m.name)})]})});import qm from"classnames";import{useRef as tp}from"react";import{useCallback as Um,useRef as Xm}from"react";import{jsx as ip,jsxs as lp}from"react/jsx-runtime";import Hp from"classnames";import{useCallback as Fp,useRef as Ip}from"react";import pp from"classnames";import{useContextMenu as Wp}from"@vuu-ui/vuu-popups";import{useContextMenu as yp}from"@vuu-ui/vuu-popups";import Tp from"classnames";import{useCallback as wp}from"react";import{jsx as Dp}from"react/jsx-runtime";import{jsx as Up,jsxs as Xp}from"react/jsx-runtime";import{jsx as gd,jsxs as Cd}from"react/jsx-runtime";var{RENDER_IDX:dd}=zs;import{useContextMenu as kg}from"@vuu-ui/vuu-popups";import{applySort as Fg,buildColumnMap as Ig,isJsonGroup as zg,metadataKeys as ei,moveItem as $g}from"@vuu-ui/vuu-utils";import{useCallback as Bg,useEffect as Wg,useMemo as Gg,useRef as Qg,useState as Ug}from"react";import{isVuuFeatureAction as xd,isVuuFeatureInvocation as yd}from"@vuu-ui/vuu-data-react";import{getFullRange as Td,metadataKeys as $s,WindowRange as Ed}from"@vuu-ui/vuu-utils";import{useCallback as wd,useEffect as Pd,useMemo as Rd,useRef as Dd,useState as Md}from"react";var{SELECTED:Od}=$s;import{useDragDropNext as Ld}from"@vuu-ui/vuu-ui-controls";import{useCallback as Fd,useRef as Id}from"react";import{withinRange as Gd}from"@vuu-ui/vuu-utils";import{useCallback as _d,useEffect as Zd,useLayoutEffect as Jd,useMemo as qd,useRef as jd}from"react";function Vs(t,...e){let n=new Set(t);for(let o of e)for(let r of o)n.add(r);return n}var Cn="ArrowUp",bn="ArrowDown",hn="ArrowLeft",xn="ArrowRight";var yn="Home",vn="End",Tn="PageUp",En="PageDown";var Ks=new Set(["Enter","Delete"," "]),Bs=new Set(["Tab"]),Ws=new Set(["ArrowRight","ArrowLeft"]),Gs=new Set([yn,vn,Tn,En,bn,hn,xn,Cn]),Qs=new Set(["F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12"]),$d=Vs(Ks,Gs,Ws,Qs,Bs);import{isValidNumber as ff}from"@vuu-ui/vuu-utils";import{useCallback as bf,useMemo as hf,useRef as xf,useState as yf}from"react";import{useCallback as lf,useEffect as af,useRef as uf}from"react";var Us=new Map,Xs=(t,e,n)=>{switch(n){case"height":return e.height;case"clientHeight":return t.clientHeight;case"clientWidth":return t.clientWidth;case"contentHeight":return e.contentHeight;case"contentWidth":return e.contentWidth;case"scrollHeight":return Math.ceil(t.scrollHeight);case"scrollWidth":return Math.ceil(t.scrollWidth);case"width":return e.width;default:return 0}},cf=new ResizeObserver(t=>{for(let e of t){let{target:n,borderBoxSize:o,contentBoxSize:r}=e,s=Us.get(n);if(s){let[{blockSize:i,inlineSize:u}]=o,[{blockSize:a,inlineSize:c}]=r,{onResize:p,measurements:g}=s,b=!1;for(let[l,m]of Object.entries(g)){let f=Xs(n,{height:i,width:u,contentHeight:a,contentWidth:c},l);f!==m&&(b=!0,g[l]=f)}b&&p&&p(g)}}});import{deselectItem as wf,isRowSelected as Pf,metadataKeys as Ys,selectItem as Rf}from"@vuu-ui/vuu-utils";import{useCallback as Mf,useRef as Of}from"react";var{IDX:Af}=Ys;import{applyFilterToColumns as kf,applyGroupByToColumns as Nf,applySortToColumns as Ff,findColumn as If,getCellRenderer as zf,getColumnName as $f,getTableHeadings as Vf,getValueFormatter as Kf,isFilteredColumn as Bf,isGroupColumn as Wf,isPinned as Gf,isTypeDescriptor as Qf,metadataKeys as _s,updateColumn as Uf,sortPinnedColumns as Xf,stripFilterFromColumns as Yf,moveItem as _f}from"@vuu-ui/vuu-utils";import{useReducer as qf}from"react";var jf=_s.count;import{useCallback as ng,useRef as og}from"react";import{useCallback as ig,useMemo as lg,useRef as ag}from"react";import{actualRowPositioning as cg,virtualRowPositioning as fg}from"@vuu-ui/vuu-utils";import{getColumnsInViewport as bg,itemsChanged as hg}from"@vuu-ui/vuu-utils";import{useCallback as vg,useEffect as Tg,useMemo as Eg,useRef as Sg,useState as wg}from"react";var{KEY:sC,IS_EXPANDED:iC,IS_LEAF:lC}=ei;import SC from"classnames";import{isDataLoading as DC}from"@vuu-ui/vuu-utils";import{jsx as OC,jsxs as AC}from"react/jsx-runtime";import ni from"classnames";import{isJsonAttribute as oi,metadataKeys as ri,registerComponent as si}from"@vuu-ui/vuu-utils";import{jsx as st,jsxs as ci}from"react/jsx-runtime";var ge="vuuJsonCell",{IS_EXPANDED:ii,KEY:li}=ri,ai=t=>{let e=t.lastIndexOf("|");return e===-1?"":t.slice(e+1)},ui=({column:t,row:e})=>{let{key:n}=t,o=e[n],r=!1;oi(o)&&(o=o.slice(0,-1),r=!0);let s=ai(e[li]),i=ni({[`${ge}-name`]:s===o,[`${ge}-value`]:s!==o,[`${ge}-group`]:r});if(r){let u=e[ii]?"minus-box":"plus-box";return ci("span",{className:i,children:[st("span",{className:`${ge}-value`,children:o}),st("span",{className:`${ge}-toggle`,"data-icon":u})]})}else return o?st("span",{className:i,children:o}):null};si("json",ui,"cell-renderer",{});import{ContextMenuProvider as Jx}from"@vuu-ui/vuu-popups";import{metadataKeys as Li,notHidden as jx}from"@vuu-ui/vuu-utils";import{useCallback as Wb,useRef as Gb}from"react";import{getColumnStyle as mi}from"@vuu-ui/vuu-utils";import pi from"classnames";import{useMemo as di}from"react";var Ce=(t,e,n)=>di(()=>{let o=pi(e,{vuuPinFloating:t.pin==="floating",vuuPinLeft:t.pin==="left",vuuPinRight:t.pin==="right",vuuEndPin:n&&t.endPin,[`${e}-resizing`]:t.resizing,[`${e}-right`]:t.align==="right"}),r=mi(t);return{className:o,style:r}},[t,e,n]);import{useContextMenu as sb}from"@vuu-ui/vuu-popups";import lb from"classnames";import{useCallback as mb,useRef as pb,useState as db}from"react";import{jsx as Cb}from"react/jsx-runtime";import{useCallback as vb,useRef as Tb}from"react";import{jsx as wb}from"react/jsx-runtime";import{useCallback as Mb,useRef as Ob}from"react";import{jsx as qb,jsxs as jb}from"react/jsx-runtime";import{isGroupColumn as yi,metadataKeys as vi,notHidden as Ti,RowSelected as Ei}from"@vuu-ui/vuu-utils";import Si from"classnames";import{memo as wi,useCallback as Pi}from"react";import{jsx as fi}from"react/jsx-runtime";var Sn=({column:t,row:e})=>{let{className:n,style:o}=Ce(t,"vuuTableNextCell");return fi("div",{className:n,role:"cell",style:o,children:e[t.key]})};import{getGroupValueAndOffset as gi,metadataKeys as Ci}from"@vuu-ui/vuu-utils";import{useCallback as bi}from"react";import{jsx as it,jsxs as xi}from"react/jsx-runtime";var{IS_LEAF:hi}=Ci,wn=({column:t,onClick:e,row:n})=>{let{columns:o}=t,[r,s]=gi(o,n),{className:i,style:u}=Ce(t,"vuuTable2-groupCell"),a=bi(g=>{e==null||e(g,t)},[t,e]),c=n[hi],p=Array(s).fill(0).map((g,b)=>it("span",{className:"vuuTable2-groupCell-spacer"},b));return xi("div",{className:i,role:"cell",style:u,onClick:c?void 0:a,children:[p,c?null:it("span",{className:"vuuTable2-groupCell-toggle","data-icon":"vuu-triangle-right"}),it("span",{children:r})]})};import{jsx as lt}from"react/jsx-runtime";import{createElement as Oi}from"react";var{IDX:Ri,IS_EXPANDED:Di,SELECTED:Mi}=vi,F="vuuTableNextRow",Pn=wi(({className:t,columnMap:e,columns:n,row:o,offset:r,onClick:s,onToggleGroup:i,...u})=>{let{[Ri]:a,[Di]:c,[Mi]:p}=o,g=Pi(x=>{let P=x.shiftKey,R=x.ctrlKey||x.metaKey;s==null||s(o,P,R)},[s,o]),{True:b,First:l,Last:m}=Ei,f=Si(F,t,{[`${F}-even`]:a%2===0,[`${F}-expanded`]:c,[`${F}-selected`]:p&b,[`${F}-selectedStart`]:p&l,[`${F}-selectedEnd`]:p&m}),C=typeof r=="number"?{transform:`translate3d(0px, ${r}px, 0px)`}:void 0;return Oi("div",{...u,key:`row-${o[0]}`,role:"row",className:f,onClick:g,style:C},lt("span",{className:`${F}-selectionDecorator vuuStickyLeft`}),n.filter(Ti).map(x=>{let R=yi(x)?wn:Sn;return lt(R,{column:x,row:o},x.key)}),lt("span",{className:`${F}-selectionDecorator vuuStickyRight`}))});Pn.displayName="Row";import{useLayoutEffectSkipFirst as yx,useLayoutProviderDispatch as vx}from"@vuu-ui/vuu-layout";import{useContextMenu as Ex}from"@vuu-ui/vuu-popups";import{applySort as wx,buildColumnMap as Px,isValidNumber as Rx,updateColumn as Dx,visibleColumnAtIndex as Mx}from"@vuu-ui/vuu-utils";import{useCallback as Hx,useMemo as Lx,useState as kx}from"react";var Me=(t,e)=>{switch(e.type){case"col-size":return{...t,columns:t.columns.map(n=>n.name===e.column.name?{...n,width:e.width}:n)};case"column-prop":return{...t,columns:t.columns.map(n=>n.name===e.column.name?{...n,[e.property]:e.value}:n)};default:return t}};import{useCallback as Ph,useMemo as Rh,useState as Dh}from"react";import{useMemo as Ah,useRef as Hh}from"react";import{moveItem as Nh}from"@vuu-ui/vuu-ui-controls";import{applyFilterToColumns as Ih,applyGroupByToColumns as zh,applySortToColumns as $h,findColumn as Vh,getCellRenderer as Kh,getColumnName as Bh,getTableHeadings as Wh,getValueFormatter as Gh,isFilteredColumn as Qh,isGroupColumn as Uh,isPinned as Xh,isTypeDescriptor as Yh,logger as Ai,metadataKeys as Hi,sortPinnedColumns as _h,stripFilterFromColumns as Zh}from"@vuu-ui/vuu-utils";import{useReducer as jh}from"react";var{info:ex}=Ai("useTableModel");var tx=Hi.count;import{useCallback as rx,useRef as sx}from"react";import{useCallback as ax,useRef as ux}from"react";import{jsx as ly,jsxs as ay}from"react/jsx-runtime";var{IDX:ry,RENDER_IDX:sy}=Li;import{useCallback as at,useMemo as Ni,useState as Fi}from"react";var Ii=(t,e)=>t.map(({name:n,serverDataType:o})=>{let r=e.find(s=>s.name===n);return{hidden:r==null?void 0:r.hidden,label:r==null?void 0:r.label,name:n,serverDataType:o,subscribed:r!==void 0}}),Rn=({availableColumns:t,onConfigChange:e,tableConfig:n})=>{let[o,r]=Fi(n),s=Ni(()=>Ii(t,o.columns),[t,o.columns]),i=at((p,g)=>{console.log(`move list item from ${p} to ${g}`)},[]),u=at((p,g,b)=>{let l=s.find(m=>m.name===p);if(g==="subscribed")console.log(`unsubscribe from ${p}`);else if(l!=null&&l.subscribed){let m=o.columns.find(f=>f.name===p);if(m){let f=Me(o,{type:"column-prop",property:g,column:m,value:b});r(f)}}},[s,o]),a=at(p=>{let{value:g}=p.target,b=g==="0"?void 0:g==="1"?"capitalize":"uppercase";r(l=>({...l,columnFormatHeader:b}))},[]);ki(()=>{e==null||e(o)},[e,o]);let c=o.columnFormatHeader===void 0?0:o.columnFormatHeader==="capitalize"?1:2;return{columnItems:s,columnLabelsValue:c,onChangeColumnLabels:a,onColumnChange:u,onMoveListItem:i}};import{jsx as Q,jsxs as Oe}from"react/jsx-runtime";var Vi="vuuTableSettingsPanel",My=({availableColumns:t,onConfigChange:e,tableConfig:n,...o})=>{let{columnItems:r,columnLabelsValue:s,onChangeColumnLabels:i,onColumnChange:u,onMoveListItem:a}=Rn({availableColumns:t,onConfigChange:e,tableConfig:n});return Oe("div",{...o,className:Vi,children:[Oe(Dn,{children:[Q(Mn,{children:"Column Labels"}),Oe($i,{className:"vuuToggleButtonGroup",onChange:i,value:s,children:[Q(ut,{className:"vuuIconToggleButton","data-icon":"text-strikethrough",value:0}),Q(ut,{className:"vuuIconToggleButton","data-icon":"text-Tt",value:1}),Q(ut,{className:"vuuIconToggleButton","data-icon":"text-T",value:2})]})]}),Oe(Dn,{children:[Q(Mn,{children:"Default Column Width"}),Q(zi,{className:"vuuInput"})]}),Q(xt,{columnItems:r,onChange:u,onMoveListItem:a})]})};export{zt as ColumnExpressionInput,xt as ColumnList,Ve as ColumnNamedTerms,Hc as DataSourceStats,xc as DatagridSettingsPanel,My as TableSettingsPanel,yt as columnExpressionLanguageSupport,St as isCompleteExpression,wt as isCompleteRelationalExpression,Ke as lastNamedChild,It as useColumnExpressionEditor,Kt as useColumnExpressionSuggestionProvider,Rn as useTableSettings,Tt 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-edit-validators/CaseValidator.ts
+import { registerComponent } from "@vuu-ui/vuu-utils";
+var isString = (value) => typeof value === "string";
+var CaseValidator = (rule, value) => {
+  if (isString(value)) {
+    if (value === "") {
+      return true;
+    } else if (rule.value === "lower" && value.toLowerCase() !== value) {
+      return "value must be all lowercase";
+    } else if (rule.value === "upper" && value.toUpperCase() !== value) {
+      return "value must be all uppercase";
+    } else {
+      return true;
+    }
+  } else {
+    return "value must be a string";
+  }
+};
+registerComponent("vuu-case", CaseValidator, "data-edit-validator", {});
+
+// src/cell-edit-validators/PatternValidator.ts
+import { registerComponent as registerComponent2 } from "@vuu-ui/vuu-utils";
+var isString2 = (value) => typeof value === "string";
+var defaultMessage = "value does not match expected pattern";
+var PatternValidator = (rule, value) => {
+  if (typeof rule.value !== "string") {
+    throw Error("Pattern validation rule must provide pattern");
+  }
+  if (isString2(value)) {
+    if (value === "") {
+      return true;
+    } else {
+      const { message = defaultMessage } = rule;
+      const pattern = new RegExp(rule.value);
+      return pattern.test(value) || message;
+    }
+  } else {
+    return "value must be a string";
+  }
+};
+registerComponent2("vuu-pattern", PatternValidator, "data-edit-validator", {});
+
+// src/cell-renderers/background-cell/BackgroundCell.tsx
+import {
+  DOWN1,
+  DOWN2,
+  isTypeDescriptor as isTypeDescriptor2,
+  metadataKeys,
+  registerComponent as registerComponent3,
+  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 = "vuuBackgroundCellDeprecated";
+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])
+  ] });
+};
+registerComponent3("background", BackgroundCell, "cell-renderer", {
+  description: "Background Cell renderer for VuuTable",
+  label: "Background Cell (deprecated)",
+  serverDataType: ["long", "int", "double"]
+});
+
+// src/cell-renderers/progress-cell/ProgressCell.tsx
+import {
+  isColumnTypeRenderer,
+  isTypeDescriptor as isTypeDescriptor3,
+  isValidNumber as isValidNumber2,
+  registerComponent as registerComponent4
+} 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;
+    if (associatedField) {
+      const associatedValue = row[columnMap[associatedField]];
+      if (typeof isValidNumber2(value) && isValidNumber2(associatedValue)) {
+        percentage = Math.min(Math.round(value / associatedValue * 100), 100);
+        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);
+          }
+        }
+      }
+    } else {
+      throw Error("ProgressCell associatedField is required to render");
+    }
+  }
+  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} %` })
+  ] });
+};
+registerComponent4("vuu.progress", ProgressCell, "cell-renderer", {
+  description: "Progress formatter",
+  label: "Progress formatter",
+  serverDataType: ["long", "int", "double"]
+});
+
+// src/cell-renderers-next/background-cell/BackgroundCell.tsx
+import {
+  DOWN1 as DOWN12,
+  DOWN2 as DOWN22,
+  isTypeDescriptor as isTypeDescriptor5,
+  metadataKeys as metadataKeys2,
+  registerComponent as registerComponent5,
+  UP1 as UP12,
+  UP2 as UP22
+} from "@vuu-ui/vuu-utils";
+import cx3 from "classnames";
+
+// src/cell-renderers-next/background-cell/useDirection.ts
+import {
+  getMovingValueDirection as getMovingValueDirection2,
+  isTypeDescriptor as isTypeDescriptor4,
+  isValidNumber as isValidNumber3
+} from "@vuu-ui/vuu-utils";
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+var INITIAL_VALUE2 = [void 0, void 0, void 0, void 0];
+function useDirection2(key, value, column) {
+  var _a;
+  const ref = useRef2();
+  const [prevKey, prevValue, prevColumn, prevDirection] = ref.current || INITIAL_VALUE2;
+  const { type: dataType } = column;
+  const decimals = isTypeDescriptor4(dataType) ? (_a = dataType.formatting) == null ? void 0 : _a.decimals : void 0;
+  const direction = key === prevKey && isValidNumber3(value) && isValidNumber3(prevValue) && column === prevColumn ? getMovingValueDirection2(value, prevDirection, prevValue, decimals) : "";
+  useEffect2(() => {
+    ref.current = [key, value, column, direction];
+  });
+  return direction;
+}
+
+// src/cell-renderers-next/background-cell/BackgroundCell.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CHAR_ARROW_UP2 = String.fromCharCode(11014);
+var CHAR_ARROW_DOWN2 = String.fromCharCode(11015);
+var { KEY: KEY2 } = metadataKeys2;
+var classBase3 = "vuuBackgroundCell";
+var FlashStyle2 = {
+  ArrowOnly: "arrow",
+  BackgroundOnly: "bg-only",
+  ArrowBackground: "arrow-bg"
+};
+var getFlashStyle2 = (colType) => {
+  if (isTypeDescriptor5(colType) && colType.renderer) {
+    if ("flashStyle" in colType.renderer) {
+      return colType.renderer["flashStyle"];
+    }
+  }
+  return FlashStyle2.BackgroundOnly;
+};
+var BackgroundCell2 = ({ column, row }) => {
+  const { key, type, valueFormatter } = column;
+  const value = row[key];
+  const flashStyle = getFlashStyle2(type);
+  const direction = useDirection2(row[KEY2], value, column);
+  const arrow = flashStyle === FlashStyle2.ArrowOnly || flashStyle === FlashStyle2.ArrowBackground ? direction === UP12 || direction === UP22 ? CHAR_ARROW_UP2 : direction === DOWN12 || direction === DOWN22 ? CHAR_ARROW_DOWN2 : null : null;
+  const dirClass = direction ? ` ` + direction : "";
+  const className = cx3(classBase3, dirClass, {
+    [`${classBase3}-arrowOnly`]: flashStyle === FlashStyle2.ArrowOnly,
+    [`${classBase3}-arrowBackground`]: flashStyle === FlashStyle2.ArrowBackground
+  });
+  return /* @__PURE__ */ jsxs3("div", { className, tabIndex: -1, children: [
+    /* @__PURE__ */ jsx3("div", { className: `${classBase3}-flasher`, children: arrow }),
+    valueFormatter(row[column.key])
+  ] });
+};
+console.log("register BackgroundCellNext");
+registerComponent5("background-next", BackgroundCell2, "cell-renderer", {
+  description: "Change background color of cell when value changes",
+  label: "Background Flash",
+  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 cx4 from "classnames";
+import { useCallback } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var classBase4 = "vuuColumnList";
+var classBaseListItem = "vuuColumnListItem";
+var ColumnListItem = ({
+  className: classNameProp,
+  item,
+  ...listItemProps
+}) => {
+  var _a;
+  return /* @__PURE__ */ jsxs4(
+    ListItem,
+    {
+      ...listItemProps,
+      className: cx4(classNameProp, classBaseListItem),
+      "data-name": item == null ? void 0 : item.name,
+      children: [
+        (item == null ? void 0 : item.isCalculated) ? /* @__PURE__ */ jsx4("span", { className: `${classBase4}-icon`, "data-icon": "function" }) : /* @__PURE__ */ jsx4(Switch, { className: `${classBase4}-switch`, checked: item == null ? void 0 : item.subscribed }),
+        /* @__PURE__ */ jsx4("span", { className: `${classBase4}-text`, children: (_a = item == null ? void 0 : item.label) != null ? _a : item == null ? void 0 : item.name }),
+        /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            className: `${classBase4}-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: name2 }
+      } = listItem;
+      if (name2) {
+        const saltSwitch = input.closest(`.${classBase4}-switch`);
+        const saltCheckbox = input.closest(
+          `.${classBase4}-checkBox`
+        );
+        if (saltSwitch) {
+          onChange(name2, "subscribed", input.checked);
+        } else if (saltCheckbox) {
+          onChange(name2, "hidden", input.checked === false);
+        }
+      }
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxs4("div", { ...htmlAttributes, className: classBase4, children: [
+    /* @__PURE__ */ jsx4("div", { className: `${classBase4}-header`, children: /* @__PURE__ */ jsx4("span", { children: "Column Selection" }) }),
+    /* @__PURE__ */ jsxs4("div", { className: `${classBase4}-colHeadings`, children: [
+      /* @__PURE__ */ jsx4("span", { children: "Column subscription" }),
+      /* @__PURE__ */ jsx4("span", { children: "Visibility" })
+    ] }),
+    /* @__PURE__ */ jsx4(
+      List,
+      {
+        ListItem: ColumnListItem,
+        allowDragDrop: true,
+        height: "100%",
+        onChange: handleChange,
+        onMoveListItem,
+        selectionStrategy: "none",
+        source: columnItems,
+        itemHeight: 33
+      }
+    )
+  ] });
+};
+
+// src/column-settings/ColumnSettingsPanel.tsx
+import { getDefaultAlignment, isCalculatedColumn } from "@vuu-ui/vuu-utils";
+import {
+  Button as Button2,
+  FormField as FormField4,
+  FormFieldLabel as FormFieldLabel4,
+  ToggleButton,
+  ToggleButtonGroup
+} from "@salt-ds/core";
+
+// src/column-formatting-settings/ColumnFormattingPanel.tsx
+import { Dropdown } from "@vuu-ui/vuu-ui-controls";
+import { FormField as FormField2, FormFieldLabel as FormFieldLabel2 } from "@salt-ds/core";
+import cx5 from "classnames";
+import { useMemo } from "react";
+
+// src/column-formatting-settings/NumericFormattingSettings.tsx
+import { FormField, FormFieldLabel, Input } from "@salt-ds/core";
+import { Switch as Switch2 } from "@salt-ds/lab";
+import { getTypeSettingsFromColumn } from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback2,
+  useState
+} from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var classBase5 = "vuuFormattingSettings";
+var NumericFormattingSettings = ({
+  column,
+  onChange
+}) => {
+  var _a;
+  const [formattingSettings, setFormattingSettings] = useState(
+    getTypeSettingsFromColumn(column)
+  );
+  const handleInputKeyDown = useCallback2(
+    (evt) => {
+      if (evt.key === "Enter" || evt.key === "Tab") {
+        onChange(formattingSettings);
+      }
+    },
+    [formattingSettings, onChange]
+  );
+  const handleChangeDecimals = useCallback2(
+    (evt) => {
+      const { value } = evt.target;
+      const numericValue = value === "" ? void 0 : isNaN(parseInt(value)) ? void 0 : parseInt(value);
+      const newFormattingSettings = {
+        ...formattingSettings,
+        decimals: numericValue
+      };
+      setFormattingSettings(newFormattingSettings);
+    },
+    [formattingSettings]
+  );
+  const handleChangeAlignDecimals = useCallback2(
+    (evt) => {
+      const { checked } = evt.target;
+      const newFormattingSettings = {
+        ...formattingSettings,
+        alignOnDecimals: checked
+      };
+      setFormattingSettings(newFormattingSettings);
+      onChange(newFormattingSettings);
+    },
+    [formattingSettings, onChange]
+  );
+  const handleChangeZeroPad = useCallback2(
+    (evt) => {
+      const { checked } = evt.target;
+      const newFormattingSettings = {
+        ...formattingSettings,
+        zeroPad: checked
+      };
+      setFormattingSettings(newFormattingSettings);
+      onChange(newFormattingSettings);
+    },
+    [formattingSettings, onChange]
+  );
+  return /* @__PURE__ */ jsxs5("div", { className: classBase5, children: [
+    /* @__PURE__ */ jsxs5(FormField, { "data-field": "decimals", children: [
+      /* @__PURE__ */ jsx5(FormFieldLabel, { children: "Number of decimals" }),
+      /* @__PURE__ */ jsx5(
+        Input,
+        {
+          className: "vuuInput",
+          onChange: handleChangeDecimals,
+          onKeyDown: handleInputKeyDown,
+          value: (_a = formattingSettings.decimals) != null ? _a : ""
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5(FormField, { labelPlacement: "left", children: [
+      /* @__PURE__ */ jsx5(FormFieldLabel, { children: "Align on decimals" }),
+      /* @__PURE__ */ jsx5(
+        Switch2,
+        {
+          checked: formattingSettings.alignOnDecimals,
+          onChange: handleChangeAlignDecimals,
+          value: "align-decimals"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5(FormField, { labelPlacement: "left", children: [
+      /* @__PURE__ */ jsx5(FormFieldLabel, { children: "Zero pad decimals" }),
+      /* @__PURE__ */ jsx5(
+        Switch2,
+        {
+          checked: formattingSettings.zeroPad,
+          onChange: handleChangeZeroPad,
+          value: "zero-pad"
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/column-formatting-settings/ColumnFormattingPanel.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var classBase6 = "vuuColumnFormattingPanel";
+var itemToString = (item) => {
+  var _a;
+  return (_a = item.label) != null ? _a : item.name;
+};
+var ColumnFormattingPanel = ({
+  availableRenderers,
+  selectedCellRenderer,
+  className,
+  column,
+  onChangeFormatting,
+  onChangeRenderer,
+  ...htmlAttributes
+}) => {
+  const content = useMemo(() => {
+    switch (column.serverDataType) {
+      case "double":
+      case "int":
+      case "long":
+        return /* @__PURE__ */ jsx6(
+          NumericFormattingSettings,
+          {
+            column,
+            onChange: onChangeFormatting
+          }
+        );
+      default:
+        return null;
+    }
+  }, [column, onChangeFormatting]);
+  const { serverDataType = "string" } = column;
+  return /* @__PURE__ */ jsxs6("div", { ...htmlAttributes, className: `vuuColumnSettingsPanel-header`, children: [
+    /* @__PURE__ */ jsx6("div", { children: "Formatting" }),
+    /* @__PURE__ */ jsxs6(FormField2, { children: [
+      /* @__PURE__ */ jsx6(FormFieldLabel2, { children: "Renderer" }),
+      /* @__PURE__ */ jsx6(
+        Dropdown,
+        {
+          className: cx5(`${classBase6}-renderer`),
+          itemToString,
+          onSelectionChange: onChangeRenderer,
+          selected: selectedCellRenderer,
+          source: availableRenderers,
+          width: "100%"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6(
+      "div",
+      {
+        className: cx5(classBase6, className, `${classBase6}-${serverDataType}`),
+        children: content
+      }
+    )
+  ] });
+};
+
+// src/column-settings/useColumnSettings.ts
+import {
+  getRegisteredCellRenderers,
+  isColumnTypeRenderer as isColumnTypeRenderer2,
+  isTypeDescriptor as isTypeDescriptor6,
+  isValidColumnAlignment,
+  isValidPinLocation,
+  setCalculatedColumnName,
+  updateColumnRenderer,
+  updateColumnType
+} from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback3,
+  useMemo as useMemo2,
+  useRef as useRef3,
+  useState as useState2
+} from "react";
+var integerCellRenderers = [
+  {
+    description: "Default formatter for columns with data type integer",
+    label: "Default Renderer (data type int, long)",
+    name: "default-int"
+  }
+];
+var doubleCellRenderers = [
+  {
+    description: "Default formatter for columns with data type double",
+    label: "Default Renderer (data type double)",
+    name: "default-double"
+  },
+  ...getRegisteredCellRenderers("double")
+];
+var stringCellRenderers = [
+  {
+    description: "Default formatter for columns with data type string",
+    label: "Default Renderer (data type string)",
+    name: "default-string"
+  }
+];
+var getAvailableCellRenderers = (column) => {
+  switch (column.serverDataType) {
+    case "char":
+    case "string":
+      return stringCellRenderers;
+    case "int":
+    case "long":
+      return integerCellRenderers;
+    case "double":
+      return doubleCellRenderers;
+    default:
+      return stringCellRenderers;
+  }
+};
+var getCellRendererDescriptor = (availableRenderers, column) => {
+  if (isTypeDescriptor6(column.type)) {
+    const { renderer } = column.type;
+    if (isColumnTypeRenderer2(renderer)) {
+      const cellRenderer = availableRenderers.find(
+        (r) => r.name === renderer.name
+      );
+      if (cellRenderer) {
+        return cellRenderer;
+      }
+    }
+  }
+  const typedAvailableRenderers = getAvailableCellRenderers(column);
+  return typedAvailableRenderers[0];
+};
+var getFieldName = (input) => {
+  const saltFormField = input.closest(".saltFormField");
+  if (saltFormField && saltFormField.dataset.field) {
+    const {
+      dataset: { field }
+    } = saltFormField;
+    return field;
+  } else {
+    throw Error("named form field not found");
+  }
+};
+var getColumn = (columns, column) => {
+  if (column.name === "::") {
+    return column;
+  } else {
+    const col = columns.find((col2) => col2.name === column.name);
+    if (col) {
+      return col;
+    }
+    throw Error(`columns does not contain column ${name}`);
+  }
+};
+var replaceColumn = (tableConfig, column) => ({
+  ...tableConfig,
+  columns: tableConfig.columns.map(
+    (col) => col.name === column.name ? column : col
+  )
+});
+var useColumnSettings = ({
+  column: columnProp,
+  onConfigChange,
+  onCreateCalculatedColumn,
+  tableConfig
+}) => {
+  const [column, setColumn] = useState2(
+    getColumn(tableConfig.columns, columnProp)
+  );
+  const availableRenderers = useMemo2(() => {
+    return getAvailableCellRenderers(column);
+  }, [column]);
+  const selectedCellRendererRef = useRef3(
+    getCellRendererDescriptor(availableRenderers, column)
+  );
+  const handleInputCommit = useCallback3(() => {
+    onConfigChange(replaceColumn(tableConfig, column));
+  }, [column, onConfigChange, tableConfig]);
+  const handleChange = useCallback3(
+    (evt) => {
+      const input = evt.target;
+      const fieldName = getFieldName(input);
+      const { value } = input;
+      switch (fieldName) {
+        case "column-label":
+          setColumn((state) => ({ ...state, label: value }));
+          break;
+        case "column-name":
+          setColumn((state) => setCalculatedColumnName(state, value));
+          break;
+        case "column-width":
+          setColumn((state) => ({ ...state, width: parseInt(value) }));
+          break;
+        case "column-alignment":
+          if (isValidColumnAlignment(value)) {
+            const newColumn = {
+              ...column,
+              align: value || void 0
+            };
+            setColumn(newColumn);
+            onConfigChange(replaceColumn(tableConfig, newColumn));
+          }
+          break;
+        case "column-pin":
+          if (isValidPinLocation(value)) {
+            const newColumn = {
+              ...column,
+              pin: value || void 0
+            };
+            setColumn(newColumn);
+            onConfigChange(replaceColumn(tableConfig, newColumn));
+            break;
+          }
+      }
+    },
+    [column, onConfigChange, tableConfig]
+  );
+  const handleChangeRenderer = useCallback3(
+    (evt, cellRenderer) => {
+      if (cellRenderer) {
+        const newColumn = updateColumnRenderer(
+          column,
+          cellRenderer
+        );
+        selectedCellRendererRef.current = cellRenderer;
+        setColumn(newColumn);
+        onConfigChange(replaceColumn(tableConfig, newColumn));
+      }
+    },
+    [column, onConfigChange, tableConfig]
+  );
+  const handleChangeFormatting = useCallback3(
+    (formatting) => {
+      const newColumn = updateColumnType(column, formatting);
+      setColumn(newColumn);
+      onConfigChange(replaceColumn(tableConfig, newColumn));
+    },
+    [column, onConfigChange, tableConfig]
+  );
+  const navigateColumn = useCallback3(
+    ({ moveBy }) => {
+      const { columns } = tableConfig;
+      const index = columns.indexOf(column) + moveBy;
+      const newColumn = columns[index];
+      if (newColumn) {
+        selectedCellRendererRef.current = getCellRendererDescriptor(
+          availableRenderers,
+          newColumn
+        );
+        setColumn(newColumn);
+      }
+    },
+    [availableRenderers, column, tableConfig]
+  );
+  const navigateNextColumn = useCallback3(() => {
+    navigateColumn({ moveBy: 1 });
+  }, [navigateColumn]);
+  const navigatePrevColumn = useCallback3(() => {
+    navigateColumn({ moveBy: -1 });
+  }, [navigateColumn]);
+  const handleSaveCalculatedColumn = useCallback3(
+    (calculatedColumn) => {
+      onCreateCalculatedColumn({
+        ...column,
+        ...calculatedColumn
+      });
+    },
+    [column, onCreateCalculatedColumn]
+  );
+  return {
+    availableRenderers,
+    selectedCellRenderer: selectedCellRendererRef.current,
+    column,
+    navigateNextColumn,
+    navigatePrevColumn,
+    onChange: handleChange,
+    onChangeFormatting: handleChangeFormatting,
+    onChangeRenderer: handleChangeRenderer,
+    onInputCommit: handleInputCommit,
+    onSave: handleSaveCalculatedColumn
+  };
+};
+
+// src/column-expression-panel/ColumnExpressionPanel.tsx
+import { Dropdown as Dropdown2 } from "@vuu-ui/vuu-ui-controls";
+import {
+  getCalculatedColumnExpression,
+  getCalculatedColumnName,
+  getCalculatedColumnType
+} from "@vuu-ui/vuu-utils";
+import { Button, FormField as FormField3, FormFieldLabel as FormFieldLabel3, Input as Input2 } from "@salt-ds/core";
+import { useCallback as useCallback7, useRef as useRef7 } from "react";
+
+// 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 useEffect3, useMemo as useMemo3, useRef as useRef4 } 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: name2, from, to } = cursor;
+    switch (name2) {
+      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 useCallback4 } 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 completionDone = (onSubmit) => ({
+  apply: () => {
+    onSubmit == null ? void 0 : onSubmit();
+  },
+  label: "Done",
+  boost: 10
+});
+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 = [completionDone(onSubmit)];
+        return { from: context.pos, options };
+      }
+  }
+};
+var promptToSave = (context, onSubmit) => {
+  const options = [completionDone(onSubmit)];
+  return { from: context.pos, options };
+};
+var useColumnAutoComplete = (suggestionProvider, onSubmit) => {
+  const makeSuggestions2 = useCallback4(
+    async (context, suggestionType, optionalArgs = {}) => {
+      const options = await suggestionProvider.getSuggestions(
+        suggestionType,
+        optionalArgs
+      );
+      const { startsWith = "" } = optionalArgs;
+      return { from: context.pos - startsWith.length, options };
+    },
+    [suggestionProvider]
+  );
+  return useCallback4(
+    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);
+      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)
+                });
+              }
+            } 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: ", "
+              });
+            }
+          }
+          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 = [
+                  completionDone(onSubmit.current)
+                ];
+                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) {
+                return {
+                  from: context.pos,
+                  options: [completionDone(onSubmit.current)]
+                };
+              }
+            } else if ((lastChild == null ? void 0 : lastChild.name) === "ArithmeticExpression") {
+              if (maybeComplete) {
+                let options = [completionDone(onSubmit.current)];
+                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);
+              }
+            }
+          }
+          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,
+  source,
+  suggestionProvider
+}) => {
+  const editorRef = useRef4(null);
+  const onSubmitRef = useRef4(noop);
+  const viewRef = useRef4();
+  const completionFn = useColumnAutoComplete(suggestionProvider, onSubmitRef);
+  const [createState, clearInput] = useMemo3(() => {
+    const parseExpression = () => {
+      const view = getView(viewRef);
+      const source2 = view.state.doc.toString();
+      const tree = ensureSyntaxTree(view.state, view.state.doc.length, 5e3);
+      if (tree) {
+        const expression = walkTree(tree, source2);
+        return [source2, expression];
+      } else {
+        return ["", void 0];
+      }
+    };
+    const clearInput2 = () => {
+      getView(viewRef).setState(createState2());
+    };
+    const submitExpression = () => {
+      const [source2, expression] = parseExpression();
+      onSubmitExpression == null ? void 0 : onSubmitExpression(source2, expression);
+    };
+    const showSuggestions = (key) => {
+      return keymap.of([
+        {
+          key,
+          run() {
+            startCompletion(getView(viewRef));
+            return true;
+          }
+        }
+      ]);
+    };
+    const createState2 = () => EditorState2.create({
+      doc: source,
+      extensions: [
+        minimalSetup,
+        autocompletion({
+          addToOptions: [
+            {
+              render: injectOptionContent,
+              position: 70
+            }
+          ],
+          override: [completionFn],
+          optionClass: getOptionClass
+        }),
+        columnExpressionLanguageSupport(),
+        keymap.of(defaultKeymap),
+        showSuggestions("ArrowDown"),
+        EditorView2.updateListener.of((v) => {
+          const view = getView(viewRef);
+          if (v.docChanged) {
+            startCompletion(view);
+            const source2 = view.state.doc.toString();
+            onChange == null ? void 0 : onChange(source2);
+          }
+        }),
+        // Enforces single line view
+        // EditorState.transactionFilter.of((tr) =>
+        //   tr.newDoc.lines > 1 ? [] : tr
+        // ),
+        vuuTheme,
+        vuuHighlighting
+      ]
+    });
+    onSubmitRef.current = () => {
+      submitExpression();
+    };
+    return [createState2, clearInput2];
+  }, [completionFn, onChange, onSubmitExpression, source]);
+  useEffect3(() => {
+    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 jsx7 } from "react/jsx-runtime";
+var classBase7 = "vuuColumnExpressionInput";
+var ColumnExpressionInput = ({
+  onChange,
+  onSubmitExpression,
+  source = "",
+  suggestionProvider
+}) => {
+  const { editorRef } = useColumnExpressionEditor({
+    onChange,
+    onSubmitExpression,
+    source,
+    suggestionProvider
+  });
+  return /* @__PURE__ */ jsx7("div", { className: `${classBase7}`, 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 useCallback5, useRef as useRef5 } 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: name2,
+  description,
+  example,
+  params,
+  type
+}) => {
+  const rootElement = createEl2("div", "vuuFunctionDoc");
+  const headingElement = createEl2("div", "function-heading");
+  const nameElement = createEl2("span", "function-name", name2);
+  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 findColumn2 = useCallback5(
+    (name2) => name2 ? columns.find((col) => col.name === name2) : void 0,
+    [columns]
+  );
+  const latestSuggestionsRef = useRef5();
+  const getTypeaheadSuggestions = useTypeaheadSuggestions();
+  const getSuggestions = useCallback5(
+    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(findColumn2(columnName));
+          return latestSuggestionsRef.current = withApplySpace(suggestions);
+        }
+        case "relational-operator": {
+          const suggestions = await getRelationalOperators(
+            findColumn2(columnName)
+          );
+          return latestSuggestionsRef.current = withApplySpace(suggestions);
+        }
+        case "condition-operator":
+          {
+            const column = findColumn2(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, findColumn2, getTypeaheadSuggestions, table]
+  );
+  const isPartialMatch = useCallback5(
+    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/column-expression-panel/useColumnExpression.ts
+import {
+  getCalculatedColumnDetails,
+  setCalculatedColumnExpression,
+  setCalculatedColumnName as setCalculatedColumnName2,
+  setCalculatedColumnType
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback6, useRef as useRef6, useState as useState3 } from "react";
+var applyDefaults = (column) => {
+  const [name2, expression, type] = getCalculatedColumnDetails(column);
+  if (type === "") {
+    return {
+      ...column,
+      name: `${name2}:${expression}:string`
+    };
+  } else {
+    return column;
+  }
+};
+var useColumnExpression = ({
+  column: columnProp,
+  onSave: onSaveProp
+}) => {
+  const [column, setColumn] = useState3(
+    applyDefaults(columnProp)
+  );
+  const expressionRef = useRef6(getCalculatedColumnDetails(column)[1]);
+  const onChangeName = useCallback6((evt) => {
+    const { value } = evt.target;
+    setColumn((state) => setCalculatedColumnName2(state, value));
+  }, []);
+  const onChangeExpression = useCallback6((value) => {
+    expressionRef.current = value.trim();
+  }, []);
+  const onChangeType = useCallback6((evt, value) => {
+    if (typeof value === "string") {
+      setColumn((state) => setCalculatedColumnType(state, value));
+    }
+  }, []);
+  const onSave = useCallback6(() => {
+    const newColumn = setCalculatedColumnExpression(
+      column,
+      expressionRef.current
+    );
+    setColumn(newColumn);
+    onSaveProp(newColumn);
+  }, [column, onSaveProp]);
+  return {
+    column,
+    onChangeExpression,
+    onChangeName,
+    onChangeType,
+    onSave
+  };
+};
+
+// src/column-expression-panel/ColumnExpressionPanel.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var classBase8 = "vuuColumnExpressionPanel";
+var ColumnExpressionPanel = ({
+  column: columnProp,
+  onSave: onSaveProp,
+  tableConfig,
+  vuuTable
+}) => {
+  const typeRef = useRef7(null);
+  const { column, onChangeExpression, onChangeName, onChangeType, onSave } = useColumnExpression({ column: columnProp, onSave: onSaveProp });
+  const suggestionProvider = useColumnExpressionSuggestionProvider({
+    columns: tableConfig.columns,
+    table: vuuTable
+  });
+  const handleSubmitExpression = useCallback7(() => {
+    requestAnimationFrame(() => {
+      var _a, _b;
+      (_b = (_a = typeRef.current) == null ? void 0 : _a.querySelector("button")) == null ? void 0 : _b.focus();
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs7("div", { className: classBase8, children: [
+    /* @__PURE__ */ jsx8("div", { className: "vuuColumnSettingsPanel-header", children: /* @__PURE__ */ jsx8("span", { children: "Calculation" }) }),
+    /* @__PURE__ */ jsxs7(FormField3, { "data-field": "column-name", children: [
+      /* @__PURE__ */ jsx8(FormFieldLabel3, { children: "Column Name" }),
+      /* @__PURE__ */ jsx8(
+        Input2,
+        {
+          className: "vuuInput",
+          onChange: onChangeName,
+          value: getCalculatedColumnName(column)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7(FormField3, { "data-field": "column-expression", children: [
+      /* @__PURE__ */ jsx8(FormFieldLabel3, { children: "Expression" }),
+      /* @__PURE__ */ jsx8(
+        ColumnExpressionInput,
+        {
+          onChange: onChangeExpression,
+          onSubmitExpression: handleSubmitExpression,
+          source: getCalculatedColumnExpression(column),
+          suggestionProvider
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7(FormField3, { "data-field": "type", children: [
+      /* @__PURE__ */ jsx8(FormFieldLabel3, { children: "Column type" }),
+      /* @__PURE__ */ jsx8(
+        Dropdown2,
+        {
+          className: `${classBase8}-type`,
+          onSelectionChange: onChangeType,
+          ref: typeRef,
+          selected: getCalculatedColumnType(column) || null,
+          source: ["double", "long", "string"],
+          width: "100%"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "vuuColumnSettingsPanel-buttonBar", "data-align": "right", children: [
+      /* @__PURE__ */ jsx8(Button, { className: `${classBase8}-buttonCancel`, tabIndex: -1, children: "cancel" }),
+      /* @__PURE__ */ jsx8(Button, { className: `${classBase8}-buttonApply`, tabIndex: -1, children: "apply" }),
+      /* @__PURE__ */ jsx8(
+        Button,
+        {
+          className: `${classBase8}-buttonSave`,
+          onClick: onSave,
+          variant: "cta",
+          children: "save"
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/column-settings/ColumnSettingsPanel.tsx
+import { VuuInput } from "@vuu-ui/vuu-ui-controls";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var classBase9 = "vuuColumnSettingsPanel";
+var ColumnSettingsPanel = ({
+  column: columnProp,
+  onConfigChange,
+  onCreateCalculatedColumn,
+  tableConfig,
+  vuuTable
+}) => {
+  const isNewCalculatedColumn = columnProp.name === "::";
+  const {
+    availableRenderers,
+    selectedCellRenderer,
+    column,
+    navigateNextColumn,
+    navigatePrevColumn,
+    onChange,
+    onChangeFormatting,
+    onChangeRenderer,
+    onInputCommit,
+    onSave
+  } = useColumnSettings({
+    column: columnProp,
+    onConfigChange,
+    onCreateCalculatedColumn,
+    tableConfig
+  });
+  const {
+    serverDataType,
+    align = getDefaultAlignment(serverDataType),
+    name: name2,
+    label = name2,
+    pin,
+    width
+  } = column;
+  return /* @__PURE__ */ jsxs8("div", { className: classBase9, children: [
+    /* @__PURE__ */ jsx9("div", { className: `${classBase9}-header`, children: /* @__PURE__ */ jsx9("span", { children: name2 }) }),
+    /* @__PURE__ */ jsxs8(FormField4, { "data-field": "column-label", children: [
+      /* @__PURE__ */ jsx9(FormFieldLabel4, { children: "Column Label" }),
+      /* @__PURE__ */ jsx9(
+        VuuInput,
+        {
+          className: "vuuInput",
+          onChange,
+          onCommit: onInputCommit,
+          value: label
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8(FormField4, { "data-field": "column-width", children: [
+      /* @__PURE__ */ jsx9(FormFieldLabel4, { children: "Column Width" }),
+      /* @__PURE__ */ jsx9(
+        VuuInput,
+        {
+          className: "vuuInput",
+          onChange,
+          value: width,
+          onCommit: onInputCommit
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8(FormField4, { "data-field": "column-alignment", children: [
+      /* @__PURE__ */ jsx9(FormFieldLabel4, { children: "Alignment" }),
+      /* @__PURE__ */ jsxs8(
+        ToggleButtonGroup,
+        {
+          className: "vuuToggleButtonGroup",
+          onChange,
+          value: align,
+          children: [
+            /* @__PURE__ */ jsx9(
+              ToggleButton,
+              {
+                "data-icon": "align-left",
+                className: "vuuIconToggleButton",
+                value: "left"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              ToggleButton,
+              {
+                "data-icon": "align-right",
+                className: "vuuIconToggleButton",
+                value: "right"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8(FormField4, { "data-field": "column-pin", children: [
+      /* @__PURE__ */ jsx9(FormFieldLabel4, { children: "Pin Column" }),
+      /* @__PURE__ */ jsxs8(
+        ToggleButtonGroup,
+        {
+          className: "vuuToggleButtonGroup",
+          onChange,
+          value: pin != null ? pin : "",
+          children: [
+            /* @__PURE__ */ jsx9(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "cross-circle",
+                value: ""
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "pin-left",
+                value: "left"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "pin-float",
+                value: "floating"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "pin-right",
+                value: "right"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx9(
+      ColumnFormattingPanel,
+      {
+        availableRenderers,
+        selectedCellRenderer,
+        column,
+        onChangeFormatting,
+        onChangeRenderer
+      }
+    ),
+    isCalculatedColumn(column.name) ? /* @__PURE__ */ jsx9(
+      ColumnExpressionPanel,
+      {
+        column,
+        onSave,
+        tableConfig,
+        vuuTable
+      }
+    ) : /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        className: `${classBase9}-buttonBar`,
+        "data-align": isNewCalculatedColumn ? "right" : void 0,
+        children: [
+          /* @__PURE__ */ jsx9(
+            Button2,
+            {
+              className: `${classBase9}-buttonNavPrev`,
+              variant: "secondary",
+              "data-icon": "arrow-left",
+              onClick: navigatePrevColumn,
+              children: "PREVIOUS"
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            Button2,
+            {
+              className: `${classBase9}-buttonNavNext`,
+              variant: "secondary",
+              "data-icon": "arrow-right",
+              onClick: navigateNextColumn,
+              children: "NEXT"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+// src/datasource-stats/DatasourceStats.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import cx6 from "classnames";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var classBase10 = "vuuDatasourceStats";
+var numberFormatter = new Intl.NumberFormat();
+var DataSourceStats = ({
+  className: classNameProp,
+  dataSource
+}) => {
+  const [range, setRange] = useState4(dataSource.range);
+  const [size, setSize] = useState4(dataSource.size);
+  useEffect4(() => {
+    setSize(dataSource.size);
+    dataSource.on("resize", setSize);
+    dataSource.on("range", setRange);
+  }, [dataSource]);
+  const className = cx6(classBase10, classNameProp);
+  const from = numberFormatter.format(range.from);
+  const to = numberFormatter.format(range.to - 1);
+  const value = numberFormatter.format(size);
+  return /* @__PURE__ */ jsxs9("div", { className, children: [
+    /* @__PURE__ */ jsx10("span", { className: `${classBase10}-label`, children: "Row count" }),
+    /* @__PURE__ */ jsx10("span", { className: `${classBase10}-range`, children: from }),
+    /* @__PURE__ */ jsx10("span", { children: "-" }),
+    /* @__PURE__ */ jsx10("span", { className: `${classBase10}-range`, children: to }),
+    /* @__PURE__ */ jsx10("span", { children: "of" }),
+    /* @__PURE__ */ jsx10("span", { className: `${classBase10}-size`, children: value })
+  ] });
+};
+
+// src/table-settings/TableSettingsPanel.tsx
+import {
+  Button as Button4,
+  FormField as FormField5,
+  FormFieldLabel as FormFieldLabel5,
+  Input as Input4,
+  ToggleButton as ToggleButton2,
+  ToggleButtonGroup as ToggleButtonGroup2
+} from "@salt-ds/core";
+
+// src/table-settings/useTableSettings.ts
+import { useLayoutEffectSkipFirst as useLayoutEffectSkipFirst3 } from "@vuu-ui/vuu-layout";
+
+// ../vuu-table/src/table/ColumnResizer.tsx
+import { useCallback as useCallback8, useRef as useRef8 } from "react";
+import { jsx as jsx11 } 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 metadataKeys6,
+  notHidden as notHidden2,
+  visibleColumnAtIndex
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback15, useMemo as useMemo4 } from "react";
+
+// ../vuu-table/src/table/TableRow.tsx
+import {
+  isGroupColumn,
+  isJsonColumn,
+  isJsonGroup,
+  metadataKeys as metadataKeys5,
+  notHidden,
+  RowSelected
+} from "@vuu-ui/vuu-utils";
+import cx8 from "classnames";
+import { memo as memo2, useCallback as useCallback11 } from "react";
+
+// ../vuu-table/src/table/TableCell.tsx
+import { getColumnStyle, metadataKeys as metadataKeys3 } from "@vuu-ui/vuu-utils";
+import { EditableLabel } from "@vuu-ui/vuu-ui-controls";
+import cx7 from "classnames";
+import {
+  memo,
+  useCallback as useCallback9,
+  useRef as useRef9,
+  useState as useState5
+} from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var { KEY: KEY3 } = metadataKeys3;
+var TableCell = memo(
+  ({
+    className: classNameProp,
+    column,
+    columnMap,
+    onClick,
+    row
+  }) => {
+    const labelFieldRef = useRef9(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 = useCallback9(
+      (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 = cx7(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__ */ jsx12(
+      "div",
+      {
+        className,
+        "data-editable": true,
+        role: "cell",
+        style,
+        onKeyDown: handleTitleKeyDown,
+        children: /* @__PURE__ */ jsx12(
+          EditableLabel,
+          {
+            editing,
+            value: editableValue,
+            onChange: setEditableValue,
+            onMouseDownCapture: handleTitleMouseDown,
+            onEnterEditMode: handleEnterEditMode,
+            onExitEditMode: handleExitEditMode,
+            onKeyDown: handleTitleKeyDown,
+            ref: labelFieldRef,
+            tabIndex: 0
+          },
+          "title"
+        )
+      }
+    ) : /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className,
+        role: "cell",
+        style,
+        onClick: handleClick,
+        children: CellRenderer ? /* @__PURE__ */ jsx12(CellRenderer, { column, columnMap, row }) : value
+      }
+    );
+  },
+  cellValuesAreEqual
+);
+TableCell.displayName = "TableCell";
+function cellValuesAreEqual(prev, next) {
+  return prev.column === next.column && prev.onClick === next.onClick && prev.row[KEY3] === next.row[KEY3] && prev.row[prev.column.key] === next.row[next.column.key];
+}
+
+// ../vuu-table/src/table/TableGroupCell.tsx
+import {
+  getColumnStyle as getColumnStyle2,
+  getGroupValueAndOffset,
+  metadataKeys as metadataKeys4
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback10 } from "react";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var { IS_LEAF } = metadataKeys4;
+var TableGroupCell = ({ column, onClick, row }) => {
+  const { columns } = column;
+  const [value, offset] = getGroupValueAndOffset(columns, row);
+  const handleClick = useCallback10(
+    (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__ */ jsx13("span", { className: "vuuTableGroupCell-spacer" }, i));
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      className: "vuuTableGroupCell vuuPinLeft",
+      onClick: isLeaf ? void 0 : handleClick,
+      role: "cell",
+      style,
+      children: [
+        spacers,
+        isLeaf ? null : /* @__PURE__ */ jsx13("span", { className: "vuuTableGroupCell-toggle", "data-icon": "triangle-right" }),
+        /* @__PURE__ */ jsx13("span", { children: value })
+      ]
+    }
+  );
+};
+
+// ../vuu-table/src/table/TableRow.tsx
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var { IDX, IS_EXPANDED, SELECTED } = metadataKeys5;
+var { True, First, Last } = RowSelected;
+var classBase11 = "vuuTableRow";
+var TableRow = memo2(function Row({
+  columnMap,
+  columns,
+  offset,
+  onClick,
+  onToggleGroup,
+  virtualColSpan = 0,
+  row
+}) {
+  const {
+    [IDX]: rowIndex,
+    [IS_EXPANDED]: isExpanded,
+    [SELECTED]: selectionStatus
+  } = row;
+  const className = cx8(classBase11, {
+    [`${classBase11}-even`]: rowIndex % 2 === 0,
+    [`${classBase11}-expanded`]: isExpanded,
+    [`${classBase11}-selected`]: selectionStatus & True,
+    [`${classBase11}-selectedStart`]: selectionStatus & First,
+    [`${classBase11}-selectedEnd`]: selectionStatus & Last
+  });
+  const handleRowClick = useCallback11(
+    (evt) => {
+      const rangeSelect = evt.shiftKey;
+      const keepExistingSelection = evt.ctrlKey || evt.metaKey;
+      onClick == null ? void 0 : onClick(row, rangeSelect, keepExistingSelection);
+    },
+    [onClick, row]
+  );
+  const handleGroupCellClick = useCallback11(
+    (evt, column) => {
+      if (isGroupColumn(column) || isJsonGroup(column, row)) {
+        evt.stopPropagation();
+        onToggleGroup == null ? void 0 : onToggleGroup(row, column);
+      }
+    },
+    [onToggleGroup, row]
+  );
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      "aria-selected": selectionStatus & True ? true : void 0,
+      "aria-rowindex": rowIndex,
+      className,
+      onClick: handleRowClick,
+      role: "row",
+      style: {
+        transform: `translate3d(0px, ${offset}px, 0px)`
+      },
+      children: [
+        virtualColSpan > 0 ? /* @__PURE__ */ jsx14("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__ */ jsx14(
+            Cell,
+            {
+              column,
+              columnMap,
+              onClick: isGroup || isJsonCell ? handleGroupCellClick : void 0,
+              row
+            },
+            column.name
+          );
+        })
+      ]
+    }
+  );
+});
+
+// ../vuu-table/src/table/TableGroupHeaderCell.tsx
+import cx9 from "classnames";
+import { useRef as useRef11 } from "react";
+
+// ../vuu-table/src/table/useTableColumnResize.tsx
+import { useCallback as useCallback12, useRef as useRef10 } from "react";
+
+// ../vuu-table/src/table/TableGroupHeaderCell.tsx
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/TableHeaderCell.tsx
+import cx12 from "classnames";
+import { useCallback as useCallback14, useRef as useRef12 } from "react";
+
+// ../vuu-table/src/table/SortIndicator.tsx
+import cx10 from "classnames";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// ../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 cx11 from "classnames";
+import { useCallback as useCallback13 } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/TableHeaderCell.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/RowBasedTable.tsx
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var { RENDER_IDX } = metadataKeys6;
+
+// ../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 metadataKeys10,
+  moveItemDeprecated as moveItemDeprecated2
+} from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback25,
+  useEffect as useEffect9,
+  useMemo as useMemo10,
+  useRef as useRef22,
+  useState as useState9
+} from "react";
+
+// ../vuu-table/src/table/useDataSource.ts
+import {
+  isVuuFeatureAction,
+  isVuuFeatureInvocation
+} from "@vuu-ui/vuu-data-react";
+import { getFullRange, metadataKeys as metadataKeys7, WindowRange } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback16, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef13, useState as useState6 } from "react";
+var { SELECTED: SELECTED2 } = metadataKeys7;
+
+// ../vuu-table/src/table/useDraggableColumn.ts
+import { useDragDropNext as useDragDrop } from "@vuu-ui/vuu-ui-controls";
+import { useCallback as useCallback17, useRef as useRef14 } from "react";
+
+// ../vuu-table/src/table/useKeyboardNavigation.ts
+import { withinRange } from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback18,
+  useEffect as useEffect6,
+  useLayoutEffect,
+  useMemo as useMemo6,
+  useRef as useRef15
+} 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 isValidNumber4 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback20, useMemo as useMemo7, useRef as useRef17, useState as useState7 } from "react";
+
+// ../vuu-table/src/table/useResizeObserver.ts
+import { useCallback as useCallback19, useEffect as useEffect7, useRef as useRef16 } 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 metadataKeys8,
+  selectItem
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback21, useRef as useRef18 } from "react";
+var { IDX: IDX2 } = metadataKeys8;
+
+// ../vuu-table/src/table/useTableModel.ts
+import {
+  applyFilterToColumns,
+  applyGroupByToColumns,
+  applySortToColumns,
+  findColumn,
+  getCellRenderer,
+  getColumnName as getColumnName2,
+  getTableHeadings,
+  getValueFormatter,
+  isFilteredColumn,
+  isGroupColumn as isGroupColumn3,
+  isPinned,
+  isTypeDescriptor as isTypeDescriptor7,
+  metadataKeys as metadataKeys9,
+  updateColumn,
+  sortPinnedColumns,
+  stripFilterFromColumns,
+  moveItemDeprecated,
+  getDefaultAlignment as getDefaultAlignment2
+} from "@vuu-ui/vuu-utils";
+import { useReducer } from "react";
+var KEY_OFFSET = metadataKeys9.count;
+
+// ../vuu-table/src/table/useTableScroll.ts
+import { useCallback as useCallback22, useRef as useRef19 } from "react";
+
+// ../vuu-table/src/table-next/useTableViewport.ts
+import { useCallback as useCallback23, useMemo as useMemo8, useRef as useRef20 } 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 useCallback24, useEffect as useEffect8, useMemo as useMemo9, useRef as useRef21, useState as useState8 } from "react";
+
+// ../vuu-table/src/table/useTable.ts
+var { KEY: KEY4, IS_EXPANDED: IS_EXPANDED2, IS_LEAF: IS_LEAF2 } = metadataKeys10;
+
+// ../vuu-table/src/table/Table.tsx
+import cx13 from "classnames";
+import { isDataLoading } from "@vuu-ui/vuu-utils";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/cell-renderers/json-cell/JsonCell.tsx
+import cx14 from "classnames";
+import {
+  isJsonAttribute,
+  metadataKeys as metadataKeys11,
+  registerComponent as registerComponent6
+} from "@vuu-ui/vuu-utils";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var classBase12 = "vuuJsonCell";
+var { IS_EXPANDED: IS_EXPANDED3, KEY: KEY5 } = metadataKeys11;
+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[KEY5]);
+  const className = cx14({
+    [`${classBase12}-name`]: rowKey === value,
+    [`${classBase12}-value`]: rowKey !== value,
+    [`${classBase12}-group`]: isToggle
+  });
+  if (isToggle) {
+    const toggleIcon = row[IS_EXPANDED3] ? "minus-box" : "plus-box";
+    return /* @__PURE__ */ jsxs17("span", { className, children: [
+      /* @__PURE__ */ jsx21("span", { className: `${classBase12}-value`, children: value }),
+      /* @__PURE__ */ jsx21("span", { className: `${classBase12}-toggle`, "data-icon": toggleIcon })
+    ] });
+  } else if (value) {
+    return /* @__PURE__ */ jsx21("span", { className, children: value });
+  } else {
+    return null;
+  }
+};
+registerComponent6("json", JsonCell, "cell-renderer", {
+  description: "JSON formatter",
+  label: "JSON formatter",
+  serverDataType: "json"
+});
+
+// ../vuu-table/src/table-next/header-cell/GroupHeaderCell.tsx
+import cx17 from "classnames";
+import { useRef as useRef25 } from "react";
+
+// ../vuu-table/src/table-next/column-resizing/ColumnResizer.tsx
+import { useCallback as useCallback26, useRef as useRef23 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/column-resizing/useTableColumnResize.tsx
+import { useCallback as useCallback27, useRef as useRef24, useState as useState10 } from "react";
+
+// ../vuu-table/src/table-next/useCell.ts
+import { getColumnStyle as getColumnStyle4 } from "@vuu-ui/vuu-utils";
+import cx15 from "classnames";
+import { useMemo as useMemo11 } from "react";
+var useCell = (column, classBase19, isHeader) => (
+  // TODO measure perf without the memo, might not be worth the cost
+  useMemo11(() => {
+    const className = cx15(classBase19, {
+      vuuPinFloating: column.pin === "floating",
+      vuuPinLeft: column.pin === "left",
+      vuuPinRight: column.pin === "right",
+      vuuEndPin: isHeader && column.endPin,
+      // [`${classBase}-resizing`]: column.resizing,
+      [`${classBase19}-editable`]: column.editable,
+      [`${classBase19}-right`]: column.align === "right"
+    });
+    const style = getColumnStyle4(column);
+    return {
+      className,
+      style
+    };
+  }, [column, classBase19, isHeader])
+);
+
+// ../vuu-table/src/table-next/column-header-pill/ColumnHeaderPill.tsx
+import cx16 from "classnames";
+import { useCallback as useCallback28 } from "react";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/column-header-pill/GroupColumnPill.tsx
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/column-header-pill/SortIndicator.tsx
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/header-cell/GroupHeaderCell.tsx
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { createElement } from "react";
+
+// ../vuu-table/src/table-next/header-cell/GroupHeaderCellNext.tsx
+import cx18 from "classnames";
+import { useCallback as useCallback29, useRef as useRef26, useState as useState11 } from "react";
+import {
+  OverflowContainer,
+  useLayoutEffectSkipFirst
+} from "@vuu-ui/vuu-layout";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { createElement as createElement2 } from "react";
+
+// ../vuu-table/src/table-next/header-cell/HeaderCell.tsx
+import { useCallback as useCallback31, useRef as useRef28 } from "react";
+
+// ../vuu-table/src/table-next/column-menu/ColumnMenu.tsx
+import { useContextMenu as useContextMenu3 } from "@vuu-ui/vuu-popups";
+import cx19 from "classnames";
+import {
+  useCallback as useCallback30,
+  useRef as useRef27,
+  useState as useState12
+} from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/header-cell/HeaderCell.tsx
+import cx20 from "classnames";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/TableNext.tsx
+import { ContextMenuProvider as ContextMenuProvider2 } from "@vuu-ui/vuu-popups";
+import { isGroupColumn as isGroupColumn7, metadataKeys as metadataKeys18, notHidden as notHidden4 } from "@vuu-ui/vuu-utils";
+import cx23 from "classnames";
+import { useRef as useRef34 } from "react";
+
+// ../vuu-table/src/table-next/Row.tsx
+import {
+  isGroupColumn as isGroupColumn4,
+  isJsonColumn as isJsonColumn2,
+  isJsonGroup as isJsonGroup3,
+  metadataKeys as metadataKeys14,
+  notHidden as notHidden3,
+  RowSelected as RowSelected2
+} from "@vuu-ui/vuu-utils";
+import cx22 from "classnames";
+import { memo as memo3, useCallback as useCallback34 } from "react";
+
+// ../vuu-table/src/table-next/table-cell/TableCell.tsx
+import { metadataKeys as metadataKeys12 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback32 } from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var { IDX: IDX3 } = metadataKeys12;
+var classBase13 = "vuuTableNextCell";
+var TableCell2 = ({
+  column,
+  columnMap,
+  onDataEdited,
+  row
+}) => {
+  const { className, style } = useCell(column, classBase13);
+  const { CellRenderer, name: name2, valueFormatter } = column;
+  const dataIdx = columnMap[name2];
+  const handleDataItemEdited = useCallback32(
+    (value) => {
+      onDataEdited == null ? void 0 : onDataEdited(row[IDX3], name2, value);
+      return true;
+    },
+    [name2, onDataEdited, row]
+  );
+  return /* @__PURE__ */ jsx30("div", { className, role: "cell", style, children: CellRenderer ? /* @__PURE__ */ jsx30(
+    CellRenderer,
+    {
+      column,
+      columnMap,
+      onCommit: handleDataItemEdited,
+      row
+    }
+  ) : valueFormatter(row[dataIdx]) });
+};
+
+// ../vuu-table/src/table-next/table-cell/TableGroupCell.tsx
+import { getGroupValueAndOffset as getGroupValueAndOffset2, metadataKeys as metadataKeys13 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback33 } from "react";
+import cx21 from "classnames";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+var { IS_LEAF: IS_LEAF3 } = metadataKeys13;
+var classBase14 = "vuuTableNextGroupCell";
+var TableGroupCell2 = ({ column, onClick, row }) => {
+  const { columns } = column;
+  const [value, offset] = getGroupValueAndOffset2(columns, row);
+  const { className, style } = useCell(column, classBase14);
+  const handleClick = useCallback33(
+    (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__ */ jsx31("span", { className: `${classBase14}-spacer` }, i));
+  return /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      className: cx21(className, "vuuTableNextCell"),
+      role: "cell",
+      style,
+      onClick: isLeaf ? void 0 : handleClick,
+      children: [
+        spacers,
+        isLeaf ? null : /* @__PURE__ */ jsx31("span", { className: `${classBase14}-toggle`, "data-icon": "triangle-right" }),
+        /* @__PURE__ */ jsx31("span", { children: value })
+      ]
+    }
+  );
+};
+
+// ../vuu-table/src/table-next/Row.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+import { createElement as createElement3 } from "react";
+var { IDX: IDX4, IS_EXPANDED: IS_EXPANDED4, SELECTED: SELECTED3 } = metadataKeys14;
+var classBase15 = "vuuTableNextRow";
+var Row2 = memo3(
+  ({
+    className: classNameProp,
+    columnMap,
+    columns,
+    row,
+    offset,
+    onClick,
+    onDataEdited,
+    onToggleGroup,
+    zebraStripes = false,
+    ...htmlAttributes
+  }) => {
+    const {
+      [IDX4]: rowIndex,
+      [IS_EXPANDED4]: isExpanded,
+      [SELECTED3]: selectionStatus
+    } = row;
+    const handleRowClick = useCallback34(
+      (evt) => {
+        const rangeSelect = evt.shiftKey;
+        const keepExistingSelection = evt.ctrlKey || evt.metaKey;
+        onClick == null ? void 0 : onClick(row, rangeSelect, keepExistingSelection);
+      },
+      [onClick, row]
+    );
+    const { True: True2, First: First2, Last: Last2 } = RowSelected2;
+    const className = cx22(classBase15, classNameProp, {
+      [`${classBase15}-even`]: zebraStripes && rowIndex % 2 === 0,
+      [`${classBase15}-expanded`]: isExpanded,
+      [`${classBase15}-selected`]: selectionStatus & True2,
+      [`${classBase15}-selectedStart`]: selectionStatus & First2,
+      [`${classBase15}-selectedEnd`]: selectionStatus & Last2
+    });
+    const style = { transform: `translate3d(0px, ${offset}px, 0px)` };
+    const handleGroupCellClick = useCallback34(
+      (evt, column) => {
+        if (isGroupColumn4(column) || isJsonGroup3(column, row)) {
+          evt.stopPropagation();
+          onToggleGroup == null ? void 0 : onToggleGroup(row, column);
+        }
+      },
+      [onToggleGroup, row]
+    );
+    return /* @__PURE__ */ createElement3(
+      "div",
+      {
+        ...htmlAttributes,
+        "aria-rowindex": row[0],
+        key: `row-${row[0]}`,
+        role: "row",
+        className,
+        onClick: handleRowClick,
+        style
+      },
+      /* @__PURE__ */ jsx32("span", { className: `${classBase15}-selectionDecorator vuuStickyLeft` }),
+      columns.filter(notHidden3).map((column) => {
+        const isGroup = isGroupColumn4(column);
+        const isJsonCell = isJsonColumn2(column);
+        const Cell = isGroup ? TableGroupCell2 : TableCell2;
+        return /* @__PURE__ */ jsx32(
+          Cell,
+          {
+            column,
+            columnMap,
+            onClick: isGroup || isJsonCell ? handleGroupCellClick : void 0,
+            onDataEdited,
+            row
+          },
+          column.key
+        );
+      }),
+      /* @__PURE__ */ jsx32("span", { className: `${classBase15}-selectionDecorator vuuStickyRight` })
+    );
+  }
+);
+Row2.displayName = "Row";
+
+// ../vuu-table/src/table-next/useTableNext.ts
+import { useLayoutEffectSkipFirst as useLayoutEffectSkipFirst2 } from "@vuu-ui/vuu-layout";
+import { useDragDropNext as useDragDrop2 } from "@vuu-ui/vuu-ui-controls";
+
+// ../vuu-table/src/table-next/useKeyboardNavigation.ts
+import {
+  useCallback as useCallback35,
+  useEffect as useEffect10,
+  useMemo as useMemo12,
+  useRef as useRef29
+} from "react";
+
+// ../vuu-table/src/table-next/useTableNext.ts
+import {
+  applySort as applySort2,
+  buildColumnMap as buildColumnMap4,
+  isGroupColumn as isGroupColumn6,
+  isJsonGroup as isJsonGroup4,
+  isValidNumber as isValidNumber5,
+  metadataKeys as metadataKeys17,
+  updateColumn as updateColumn2,
+  visibleColumnAtIndex as visibleColumnAtIndex2
+} from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback41,
+  useEffect as useEffect13,
+  useMemo as useMemo15,
+  useState as useState14
+} 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 {
+  isVuuFeatureAction as isVuuFeatureAction2,
+  isVuuFeatureInvocation as isVuuFeatureInvocation2
+} from "@vuu-ui/vuu-data-react/src";
+import { getFullRange as getFullRange2, NULL_RANGE } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback36, useEffect as useEffect11, useMemo as useMemo13, useRef as useRef30, useState as useState13 } from "react";
+
+// ../vuu-table/src/table-next/moving-window.ts
+import { metadataKeys as metadataKeys15, WindowRange as WindowRange2 } from "@vuu-ui/vuu-utils";
+var { SELECTED: SELECTED4 } = metadataKeys15;
+
+// ../vuu-table/src/table-next/useInitialValue.ts
+import { useMemo as useMemo14, useRef as useRef31 } from "react";
+
+// ../vuu-table/src/table-next/useTableContextMenu.ts
+import { buildColumnMap as buildColumnMap3 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback37 } from "react";
+import { useContextMenu as usePopupContextMenu2 } from "@vuu-ui/vuu-popups";
+
+// ../vuu-table/src/table-next/useCellEditing.ts
+import { isCharacterKey } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback38 } from "react";
+
+// ../vuu-table/src/table-next/useTableModel.ts
+import {
+  applyFilterToColumns as applyFilterToColumns2,
+  applyGroupByToColumns as applyGroupByToColumns2,
+  applySortToColumns as applySortToColumns2,
+  getCellRenderer as getCellRenderer2,
+  getTableHeadings as getTableHeadings2,
+  getValueFormatter as getValueFormatter2,
+  hasValidationRules,
+  isFilteredColumn as isFilteredColumn2,
+  isGroupColumn as isGroupColumn5,
+  isPinned as isPinned2,
+  isTypeDescriptor as isTypeDescriptor8,
+  logger,
+  metadataKeys as metadataKeys16,
+  moveItem,
+  sortPinnedColumns as sortPinnedColumns2,
+  stripFilterFromColumns as stripFilterFromColumns2,
+  subscribedOnly
+} from "@vuu-ui/vuu-utils";
+import { buildValidationChecker } from "@vuu-ui/vuu-ui-controls";
+import { useReducer as useReducer2 } from "react";
+var { info } = logger("useTableModel");
+var KEY_OFFSET2 = metadataKeys16.count;
+
+// ../vuu-table/src/table-next/useTableScroll.ts
+import { useCallback as useCallback39, useRef as useRef32 } from "react";
+
+// ../vuu-table/src/table-next/useVirtualViewport.ts
+import { useCallback as useCallback40, useEffect as useEffect12, useRef as useRef33 } from "react";
+
+// ../vuu-table/src/table-next/useTableNext.ts
+var { KEY: KEY6, IS_EXPANDED: IS_EXPANDED5, IS_LEAF: IS_LEAF4 } = metadataKeys17;
+
+// ../vuu-table/src/table-next/TableNext.tsx
+import { MeasuredContainer, useId } from "@vuu-ui/vuu-layout";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { createElement as createElement4 } from "react";
+var { IDX: IDX5, RENDER_IDX: RENDER_IDX2 } = metadataKeys18;
+
+// ../vuu-table/src/table-next/cell-renderers/dropdown-cell/DropdownCell.tsx
+import {
+  Dropdown as Dropdown3
+} from "@vuu-ui/vuu-ui-controls";
+import {
+  isColumnTypeRenderer as isColumnTypeRenderer3,
+  isTypeDescriptor as isTypeDescriptor9,
+  registerComponent as registerComponent7
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback42, useState as useState15 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var classBase16 = "vuuTableDropdownCell";
+var openKeys = ["Enter", " "];
+var DropdownCell = ({ column, columnMap, row }) => {
+  var _a, _b, _c;
+  const values = isTypeDescriptor9(column.type) && isColumnTypeRenderer3((_a = column.type) == null ? void 0 : _a.renderer) ? (_c = (_b = column.type) == null ? void 0 : _b.renderer) == null ? void 0 : _c.values : [];
+  const dataIdx = columnMap[column.name];
+  const [value, setValue] = useState15(row[dataIdx]);
+  const handleSelectionChange = useCallback42(
+    (evt, selectedItem) => {
+      if (selectedItem) {
+        setValue(selectedItem);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx34(
+    Dropdown3,
+    {
+      className: classBase16,
+      onSelectionChange: handleSelectionChange,
+      openKeys,
+      selected: value,
+      source: values,
+      width: column.width - 17
+    }
+  );
+};
+registerComponent7("dropdown-cell", DropdownCell, "cell-renderer", {});
+
+// ../vuu-table/src/table-next/cell-renderers/input-cell/InputCell.tsx
+import { registerComponent as registerComponent8 } from "@vuu-ui/vuu-utils";
+import { Input as Input3 } from "@salt-ds/core";
+import { useEditableText } from "@vuu-ui/vuu-ui-controls";
+import cx24 from "classnames";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var classBase17 = "vuuTableInputCell";
+var WarnCommit = () => {
+  console.warn(
+    "onCommit handler has not been provided to InputCell cell renderer"
+  );
+  return true;
+};
+var InputCell = ({
+  column,
+  columnMap,
+  onCommit = WarnCommit,
+  row
+}) => {
+  const dataIdx = columnMap[column.name];
+  const {
+    align = "left",
+    clientSideEditValidationCheck,
+    valueFormatter
+  } = column;
+  const { warningMessage, ...editProps } = useEditableText({
+    initialValue: valueFormatter(row[dataIdx]),
+    onCommit,
+    clientSideEditValidationCheck
+  });
+  const endAdornment = warningMessage && align === "left" ? /* @__PURE__ */ jsx35("span", { className: `${classBase17}-icon`, "data-icon": "error" }) : void 0;
+  const startAdornment = warningMessage && align === "right" ? /* @__PURE__ */ jsx35("span", { className: `${classBase17}-icon`, "data-icon": "error" }) : void 0;
+  return /* @__PURE__ */ jsx35(
+    Input3,
+    {
+      ...editProps,
+      className: cx24(classBase17, {
+        [`${classBase17}-error`]: warningMessage !== void 0
+      }),
+      endAdornment,
+      startAdornment
+    }
+  );
+};
+registerComponent8("input-cell", InputCell, "cell-renderer", {});
+
+// src/table-settings/useTableSettings.ts
+import {
+  addColumnToSubscribedColumns,
+  isCalculatedColumn as isCalculatedColumn2,
+  moveItem as moveItem2,
+  subscribedOnly as subscribedOnly2
+} from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback43,
+  useMemo as useMemo16,
+  useState as useState16
+} from "react";
+var sortOrderFromAvailableColumns = (availableColumns, columns) => {
+  const sortedColumns = [];
+  for (const { name: name2 } of availableColumns) {
+    const column = columns.find((col) => col.name === name2);
+    if (column) {
+      sortedColumns.push(column);
+    }
+  }
+  return sortedColumns;
+};
+var buildColumnItems = (availableColumns, configuredColumns) => {
+  return availableColumns.map(({ name: name2, serverDataType }) => {
+    const configuredColumn = configuredColumns.find((col) => col.name === name2);
+    return {
+      hidden: configuredColumn == null ? void 0 : configuredColumn.hidden,
+      isCalculated: isCalculatedColumn2(name2),
+      label: configuredColumn == null ? void 0 : configuredColumn.label,
+      name: name2,
+      serverDataType,
+      subscribed: configuredColumn !== void 0
+    };
+  });
+};
+var useTableSettings = ({
+  availableColumns: availableColumnsProp,
+  onConfigChange,
+  onDataSourceConfigChange,
+  tableConfig: tableConfigProp
+}) => {
+  const [{ availableColumns, tableConfig }, setColumnState] = useState16({
+    availableColumns: availableColumnsProp,
+    tableConfig: tableConfigProp
+  });
+  const columnItems = useMemo16(
+    () => buildColumnItems(availableColumns, tableConfig.columns),
+    [availableColumns, tableConfig.columns]
+  );
+  const handleMoveListItem = useCallback43(
+    (fromIndex, toIndex) => {
+      setColumnState((state) => {
+        const newAvailableColumns = moveItem2(
+          state.availableColumns,
+          fromIndex,
+          toIndex
+        );
+        const newColumns = sortOrderFromAvailableColumns(
+          newAvailableColumns,
+          tableConfig.columns
+        );
+        return {
+          availableColumns: newAvailableColumns,
+          tableConfig: {
+            ...state.tableConfig,
+            columns: newColumns
+          }
+        };
+      });
+    },
+    [tableConfig.columns]
+  );
+  const handleColumnChange = useCallback43(
+    (name2, property, value) => {
+      const columnItem = columnItems.find((col) => col.name === name2);
+      if (property === "subscribed") {
+        if (columnItem == null ? void 0 : columnItem.subscribed) {
+          const subscribedColumns = tableConfig.columns.filter((col) => col.name !== name2).map((col) => col.name);
+          setColumnState((state) => ({
+            ...state,
+            tableConfig: {
+              ...tableConfig,
+              columns: tableConfig.columns.filter(
+                subscribedOnly2(subscribedColumns)
+              )
+            }
+          }));
+          onDataSourceConfigChange({
+            columns: subscribedColumns
+          });
+        } else {
+          const newConfig = {
+            ...tableConfig,
+            columns: addColumnToSubscribedColumns(
+              tableConfig.columns,
+              availableColumns,
+              name2
+            )
+          };
+          setColumnState((state) => ({
+            ...state,
+            tableConfig: newConfig
+          }));
+          const subscribedColumns = newConfig.columns.map((col) => col.name);
+          onDataSourceConfigChange({
+            columns: subscribedColumns
+          });
+        }
+      } else if (columnItem == null ? void 0 : columnItem.subscribed) {
+        const column = tableConfig.columns.find((col) => col.name === name2);
+        if (column) {
+          const newConfig = updateTableConfig(tableConfig, {
+            type: "column-prop",
+            property,
+            column,
+            value
+          });
+          setColumnState((state) => ({
+            ...state,
+            tableConfig: newConfig
+          }));
+        }
+      }
+    },
+    [availableColumns, columnItems, onDataSourceConfigChange, tableConfig]
+  );
+  const handleChangeColumnLabels = useCallback43((evt) => {
+    const { value } = evt.target;
+    const columnFormatHeader = value === "0" ? void 0 : value === "1" ? "capitalize" : "uppercase";
+    setColumnState((state) => ({
+      ...state,
+      tableConfig: {
+        ...state.tableConfig,
+        columnFormatHeader
+      }
+    }));
+  }, []);
+  const handleChangeTableAttribute = useCallback43(
+    (evt) => {
+      const { ariaChecked, value } = evt.target;
+      setColumnState((state) => ({
+        ...state,
+        tableConfig: {
+          ...state.tableConfig,
+          [value]: ariaChecked !== "true"
+        }
+      }));
+    },
+    []
+  );
+  useLayoutEffectSkipFirst3(() => {
+    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,
+    onChangeTableAttribute: handleChangeTableAttribute,
+    onColumnChange: handleColumnChange,
+    onMoveListItem: handleMoveListItem,
+    tableConfig
+  };
+};
+
+// src/table-settings/TableSettingsPanel.tsx
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
+var classBase18 = "vuuTableSettingsPanel";
+var TableSettingsPanel = ({
+  availableColumns,
+  onAddCalculatedColumn,
+  onConfigChange,
+  onDataSourceConfigChange,
+  tableConfig: tableConfigProp,
+  ...htmlAttributes
+}) => {
+  const {
+    columnItems,
+    columnLabelsValue,
+    onChangeColumnLabels,
+    onChangeTableAttribute,
+    onColumnChange,
+    onMoveListItem,
+    tableConfig
+  } = useTableSettings({
+    availableColumns,
+    onConfigChange,
+    onDataSourceConfigChange,
+    tableConfig: tableConfigProp
+  });
+  return /* @__PURE__ */ jsxs26("div", { ...htmlAttributes, className: classBase18, children: [
+    /* @__PURE__ */ jsxs26(FormField5, { children: [
+      /* @__PURE__ */ jsx36(FormFieldLabel5, { children: "Column Labels" }),
+      /* @__PURE__ */ jsxs26(
+        ToggleButtonGroup2,
+        {
+          className: "vuuToggleButtonGroup",
+          onChange: onChangeColumnLabels,
+          value: columnLabelsValue,
+          children: [
+            /* @__PURE__ */ jsx36(
+              ToggleButton2,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "text-strikethrough",
+                value: 0
+              }
+            ),
+            /* @__PURE__ */ jsx36(
+              ToggleButton2,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "text-Tt",
+                value: 1
+              }
+            ),
+            /* @__PURE__ */ jsx36(
+              ToggleButton2,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "text-T",
+                value: 2
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs26(FormField5, { children: [
+      /* @__PURE__ */ jsx36(FormFieldLabel5, { children: "Grid separators" }),
+      /* @__PURE__ */ jsxs26("div", { className: "saltToggleButtonGroup vuuToggleButtonGroup saltToggleButtonGroup-horizontal vuuGridSeparators", children: [
+        /* @__PURE__ */ jsx36(
+          ToggleButton2,
+          {
+            className: "vuuIconToggleButton",
+            "data-icon": "row-striping",
+            selected: tableConfig.zebraStripes,
+            onChange: onChangeTableAttribute,
+            value: "zebraStripes"
+          }
+        ),
+        /* @__PURE__ */ jsx36(
+          ToggleButton2,
+          {
+            className: "vuuIconToggleButton",
+            "data-icon": "row-lines",
+            selected: tableConfig.rowSeparators,
+            onChange: onChangeTableAttribute,
+            value: "rowSeparators"
+          }
+        ),
+        /* @__PURE__ */ jsx36(
+          ToggleButton2,
+          {
+            className: "vuuIconToggleButton",
+            "data-icon": "col-lines",
+            selected: tableConfig.columnSeparators,
+            onChange: onChangeTableAttribute,
+            value: "columnSeparators"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs26(FormField5, { children: [
+      /* @__PURE__ */ jsx36(FormFieldLabel5, { children: "Default Column Width" }),
+      /* @__PURE__ */ jsx36(Input4, { className: "vuuInput" })
+    ] }),
+    /* @__PURE__ */ jsx36(
+      ColumnList,
+      {
+        columnItems,
+        onChange: onColumnChange,
+        onMoveListItem
+      }
+    ),
+    /* @__PURE__ */ jsxs26("div", { className: `${classBase18}-calculatedButtonbar`, children: [
+      /* @__PURE__ */ jsx36(Button4, { "data-icon": "plus", onClick: onAddCalculatedColumn }),
+      /* @__PURE__ */ jsx36("span", { className: `${classBase18}-calculatedLabel`, children: "Add calculated column" })
+    ] })
+  ] });
+};
+
+// src/useTableAndColumnSettings.ts
+import { useLayoutProviderDispatch } from "@vuu-ui/vuu-layout";
+import { getCalculatedColumnType as getCalculatedColumnType2 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback44, useRef as useRef35, useState as useState17 } from "react";
+var useTableAndColumnSettings = ({
+  availableColumns: availableColumnsProps,
+  onAvailableColumnsChange,
+  onConfigChange,
+  onCreateCalculatedColumn,
+  onDataSourceConfigChange,
+  tableConfig
+}) => {
+  const dispatchLayoutAction = useLayoutProviderDispatch();
+  const showTableSettingsRef = useRef35();
+  const [availableColumns, setAvailableColumns] = useState17(
+    availableColumnsProps
+  );
+  const showContextPanel = useCallback44(
+    (componentType, title, props) => {
+      dispatchLayoutAction({
+        type: "set-props",
+        path: "#context-panel",
+        props: {
+          expanded: true,
+          content: {
+            type: componentType,
+            props
+          },
+          title
+        }
+      });
+    },
+    [dispatchLayoutAction]
+  );
+  const handleCreateCalculatedColumn = useCallback44(
+    (column) => {
+      const newAvailableColumns = availableColumns.concat({
+        name: column.name,
+        serverDataType: getCalculatedColumnType2(column)
+      });
+      setAvailableColumns(newAvailableColumns);
+      onAvailableColumnsChange == null ? void 0 : onAvailableColumnsChange(newAvailableColumns);
+      requestAnimationFrame(() => {
+        var _a;
+        (_a = showTableSettingsRef.current) == null ? void 0 : _a.call(showTableSettingsRef);
+      });
+      onCreateCalculatedColumn(column);
+    },
+    [availableColumns, onAvailableColumnsChange, onCreateCalculatedColumn]
+  );
+  const showColumnSettingsPanel = useCallback44(
+    (action) => {
+      showContextPanel("ColumnSettings", "Column Settings", {
+        column: action.column,
+        onConfigChange,
+        onCreateCalculatedColumn: handleCreateCalculatedColumn,
+        tableConfig,
+        vuuTable: action.vuuTable
+      });
+    },
+    [
+      handleCreateCalculatedColumn,
+      onConfigChange,
+      showContextPanel,
+      tableConfig
+    ]
+  );
+  const handleAddCalculatedColumn = useCallback44(() => {
+    showColumnSettingsPanel({
+      column: {
+        name: "::",
+        serverDataType: "string"
+      },
+      type: "columnSettings",
+      vuuTable: { module: "SIMUL", table: "instruments" }
+    });
+  }, [showColumnSettingsPanel]);
+  showTableSettingsRef.current = useCallback44(() => {
+    showContextPanel("TableSettings", "DataGrid Settings", {
+      availableColumns: availableColumns != null ? availableColumns : tableConfig.columns.map(({ name: name2, serverDataType }) => ({
+        name: name2,
+        serverDataType
+      })),
+      onAddCalculatedColumn: handleAddCalculatedColumn,
+      onConfigChange,
+      onDataSourceConfigChange,
+      tableConfig
+    });
+  }, [
+    availableColumns,
+    handleAddCalculatedColumn,
+    onConfigChange,
+    onDataSourceConfigChange,
+    showContextPanel,
+    tableConfig
+  ]);
+  return {
+    showColumnSettingsPanel,
+    showTableSettingsPanel: showTableSettingsRef.current
+  };
+};
+export {
+  BackgroundCell2 as BackgroundCell,
+  CaseValidator,
+  ColumnExpressionInput,
+  ColumnExpressionPanel,
+  ColumnFormattingPanel,
+  ColumnList,
+  ColumnNamedTerms,
+  ColumnSettingsPanel,
+  DataSourceStats,
+  NumericFormattingSettings,
+  PatternValidator,
+  TableSettingsPanel,
+  columnExpressionLanguageSupport,
+  isCompleteExpression,
+  isCompleteRelationalExpression,
+  lastNamedChild,
+  useColumnExpressionEditor,
+  useColumnExpressionSuggestionProvider,
+  useTableAndColumnSettings,
+  useTableSettings,
+  walkTree
+};
 //# sourceMappingURL=index.js.map