@vuu-ui/vuu-filters 0.6.27 → 0.7.0-debug

package/cjs/index.js

@@ -1,4 +1,1593 @@
-"use strict";var tt=Object.create;var X=Object.defineProperty;var rt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var ot=Object.getPrototypeOf,it=Object.prototype.hasOwnProperty;var st=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),lt=(e,t)=>{for(var r in t)X(e,r,{get:t[r],enumerable:!0})},ge=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of nt(t))!it.call(e,o)&&o!==r&&X(e,o,{get:()=>t[o],enumerable:!(n=rt(t,o))||n.enumerable});return e};var fe=(e,t,r)=>(r=e!=null?tt(ot(e)):{},ge(t||!e||!e.__esModule?X(r,"default",{value:e,enumerable:!0}):r,e)),at=e=>ge(X({},"__esModule",{value:!0}),e);var Oe=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)};var T=(e,t,r)=>(Oe(e,t,"read from private field"),r?r.call(e):t.get(e)),Fe=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},re=(e,t,r,n)=>(Oe(e,t,"write to private field"),n?n.call(e,r):t.set(e,r),r);var ne=st((lr,L)=>{(function(){"use strict";var e={}.hasOwnProperty,t="[native code]";function r(){for(var n=[],o=0;o<arguments.length;o++){var i=arguments[o];if(i){var s=typeof i;if(s==="string"||s==="number")n.push(i);else if(Array.isArray(i)){if(i.length){var d=r.apply(null,i);d&&n.push(d)}}else if(s==="object"){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){n.push(i.toString());continue}for(var g in i)e.call(i,g)&&i[g]&&n.push(g)}}}return n.join(" ")}typeof L<"u"&&L.exports?(r.default=r,L.exports=r):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return r}):window.classNames=r})()});var ir={};lt(ir,{AND:()=>v,ENDS_WITH:()=>Yt,EQUALS:()=>J,FilterInput:()=>Ft,FilterToolbar:()=>Nt,GREATER_THAN:()=>_t,IN:()=>je,LESS_THAN:()=>jt,OR:()=>_e,STARTS_WITH:()=>pe,addFilter:()=>Gt,filterAsQuery:()=>K,filterClauses:()=>Ye,filterEquals:()=>ee,filterIncludesColumn:()=>Ge,filterPredicate:()=>z,getFilterPredicate:()=>At,isAndFilter:()=>Z,isFilterClause:()=>Bt,isInFilter:()=>k,isMultiClauseFilter:()=>R,isMultiValueFilter:()=>w,isNamedFilter:()=>ae,isOrFilter:()=>ue,isSingleValueFilter:()=>N,overrideColName:()=>qe,parseFilter:()=>I,removeColumnFromFilter:()=>tr,removeFilter:()=>rr,splitFilterOnColumn:()=>nr,updateFilter:()=>Ze,useCodeMirrorEditor:()=>se,useFilterSuggestionProvider:()=>wt});module.exports=at(ir);var le=require("@salt-ds/core");var c=require("@vuu-ui/vuu-codemirror"),we=fe(ne(),1),E=require("react");var h=require("@vuu-ui/vuu-codemirror");var Se=require("@vuu-ui/vuu-codemirror"),H=Se.LRParser.deserialize({version:14,states:"%QOVQPOOOOQO'#C_'#C_O_QQO'#C^OOQO'#DO'#DOOvQQO'#C|OOQO'#DR'#DROVQPO'#CuOOQO'#C}'#C}QOQPOOOOQO'#C`'#C`O!UQQO,58xO!dQPO,59VOVQPO,59]OVQPO,59_O!iQPO,59hO!nQQO,59aOOQO'#DQ'#DQOOQO1G.d1G.dO!UQQO1G.qO!yQQO1G.wOOQO1G.y1G.yOOQO'#Cw'#CwOOQO1G/S1G/SOOQO1G.{1G.{O#[QPO'#CnO#dQPO7+$]O!UQQO'#CxO#iQPO,59YOOQO<<Gw<<GwOOQO,59d,59dOOQO-E6v-E6v",stateData:"#q~OoOS~OsPOvUO~OTXOUXOVXOWXOXXOYXO`ZO~Of[Oh]Oj^OmpX~OZ`O[`O]`O^`O~OabO~OseO~Of[Oh]OwgO~Oh]Ofeijeimeiwei~OcjOdbX~OdlO~OcjOdba~O",goto:"#YvPPw}!TPPPPPPPPPPwPP!WPP!ZP!ZP!aP!g!jPPP!p!s!aP#P!aXROU[]XQOU[]RYQRibXTOU[]XVOU[]Rf^QkhRnkRWOQSOQ_UQc[Rd]QaYQhbRmj",nodeNames:"\u26A0 Filter ColumnValueExpression Column Operator Eq NotEq Gt Lt Starts Ends Number String True False ColumnSetExpression In LBrack Values Comma RBrack AndExpression And OrExpression Or ParenthesizedExpression As FilterName",maxTerm:39,skippedNodes:[0],repeatNodeCount:1,tokenData:"6p~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$j|}$o!O!P$t!Q![%S!^!_%_!_!`%d!`!a%i!c!}%n!}#O&V#P#Q&[#R#S%n#T#U&a#U#X%n#X#Y(w#Y#Z+]#Z#]%n#]#^.]#^#c%n#c#d/e#d#g%n#g#h0m#h#i4[#i#o%n~#USo~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOU~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_O[~~$bP;=`<%l#m~$jOv~~$oOw~~$tOc~~$wP!Q![$z~%PPZ~!Q![$z~%XQZ~!O!P$t!Q![%S~%dOW~~%iOT~~%nOV~P%sUsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n~&[Oa~~&aOd~R&fYsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c'U#c#g%n#g#h(^#h#o%nR'ZWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X's#X#o%nR'zUfQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(eUjQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c)f#c#o%nR)kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X*T#X#o%nR*YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h*r#h#o%nR*yUYQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR+bVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U+w#U#o%nR+|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#`%n#`#a,f#a#o%nR,kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h-T#h#o%nR-YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y-r#Y#o%nR-yU^QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR.bWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c.z#c#o%nR/RU`QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR/jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g0S#g#o%nR0ZUhQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR0rWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i1[#i#o%nR1aVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U1v#U#o%nR1{WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g2e#g#o%nR2jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i3S#i#o%nR3XWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h3q#h#o%nR3xUXQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR4aWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g4y#g#o%nR5OWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#i%n#i#j5h#j#o%nR5mWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y6V#Y#o%nR6^U]QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n",tokenizers:[0,1],topRules:{Filter:[0,1]},tokenPrec:0});var ut=h.LRLanguage.define({name:"VuuFilterQuery",parser:H.configure({props:[(0,h.styleTags)({Identifier:h.tags.variableName,String:h.tags.string,Or:h.tags.emphasis,Operator:h.tags.operator})]})}),ve=()=>new h.LanguageSupport(ut);var x=require("@vuu-ui/vuu-utils");var S,oe=class{constructor(){Fe(this,S,void 0)}setFilterCombinatorOp(t,r=T(this,S)){(0,x.isMultiClauseFilter)(r)&&r.op===t||re(this,S,{op:t,filters:[T(this,S)]})}add(t){if(T(this,S)===void 0)re(this,S,t);else if((0,x.isMultiClauseFilter)(T(this,S)))T(this,S).filters.push(t);else throw Error("Invalid filter passed to FilterExpression")}setColumn(t,r=T(this,S)){if((0,x.isMultiClauseFilter)(r)){let n=r.filters.at(-1);n&&this.setColumn(t,n)}else r&&(r.column=t)}setOp(t,r=T(this,S)){if((0,x.isMultiClauseFilter)(r)){let n=r.filters.at(-1);n&&this.setOp(t,n)}else r&&(r.op=t)}setValue(t,r=T(this,S)){var n;if((0,x.isMultiClauseFilter)(r)){let o=r.filters.at(-1);o&&this.setValue(t,o)}else(0,x.isMultiValueFilter)(r)?((n=r.values)!=null||(r.values=[]),r.values.push(t)):(0,x.isSingleValueFilter)(r)&&(r.value=t)}toJSON(t=T(this,S)){return this.name?{...t,name:this.name}:t}};S=new WeakMap;var B=(e,t)=>{let r=new oe,n=e.cursor();do{let{name:o,from:i,to:s}=n;switch(o){case"ColumnValueExpression":r.add({});break;case"ColumnSetExpression":r.add({op:"in"});break;case"Or":case"And":r.setFilterCombinatorOp(t.substring(i,s));break;case"Column":r.setColumn(t.substring(i,s));break;case"Operator":r.setOp(t.substring(i,s));break;case"String":r.setValue(t.substring(i+1,s-1));break;case"Number":r.setValue(parseFloat(t.substring(i,s)));break;case"True":r.setValue(!0);break;case"False":r.setValue(!1);break;case"FilterName":r.name=t.substring(i,s);break;default:}}while(n.next());return r.toJSON()};var pt=H.configure({strict:!0}),I=e=>{let t=pt.parse(e);return B(t,e)};var Q=require("@vuu-ui/vuu-codemirror"),ct=Q.HighlightStyle.define([{tag:Q.tags.variableName,color:"var(--vuuFilterEditor-variableColor)"},{tag:Q.tags.comment,color:"green",fontStyle:"italic"}]),Ce=(0,Q.syntaxHighlighting)(ct);var Pe=require("@vuu-ui/vuu-codemirror"),be=Pe.EditorView.theme({"&":{color:"var(--vuuFilterEditor-color)",backgroundColor:"var(--vuuFilterEditor-background)",fontSize:"var(--vuuFilterEditor-fontSize)"},".cm-content":{caretColor:"var(--vuuFilterEditor-cursorColor)",padding:0},".cm-line":{lineHeight:"var(--vuuFilterEditor-lineHeight)"},"&.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":{alignItems:"center",display:"flex",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-completionIcon":{height:"18px",flex:"0 0 16px"},".cm-completionLabel":{flex:"1 1 auto"},".cm-completionIcon-filter":{position:"relative","&:after":{background:"var(--salt-text-secondary-foreground)",content:"''","-webkit-mask":"var(--svg-filter) center center/13px 13px","-webkit-mask-repeat":"no-repeat",position:"absolute",height:"18px",left:"0px",top:"0px",width:"16px"}}},{dark:!1});var m=require("@vuu-ui/vuu-codemirror"),ie=require("react"),he=(e,t)=>{let r=e.prevSibling||e.parent;for(;r&&!["Column","Operator","In"].includes(r.name);)r=r.prevSibling||r.parent;if((r==null?void 0:r.name)==="In"||(r==null?void 0:r.name)==="Operator")return(0,m.getValue)(r,t)},mt=(e,t,r)=>{let n=(0,m.getValue)(e,t);if(!(r===void 0||n===r)&&["contains","ends","starts"].some(o=>o.startsWith(n.toLowerCase())))return n},ye=(e,t)=>{let r=e.prevSibling||e.parent||e.lastChild;for(;r&&r.name==="\u26A0";)r=r.prevSibling;if(r&&["As","Or","And"].includes(r.name))return(0,m.getValue)(r,t)},Te=(e,t)=>{if(e.name==="FilterName")return(0,m.getValue)(e,t);{let r=e.prevSibling||e.parent||e.lastChild;for(;r&&r.name!=="FilterName";)r=r.prevSibling;if(r&&r.name==="FilterName")return(0,m.getValue)(e,t)}},xe=(e,t)=>{let r=e.prevSibling;if((r==null?void 0:r.name)==="Column")return(0,m.getValue)(r,t);if((r==null?void 0:r.name)==="Operator")return xe(r,t)},dt=(e,t)=>{let r=e.lastChild,n=[];for(;r&&r.name!=="In";){let o=(0,m.getValue)(r,t);if(o)n.push(o);else break;r=r.prevSibling}return n};var Ee=(e,t,r)=>{let n=(0,ie.useCallback)(async(o,i,s={})=>{let{startsWith:d=""}=s,g=await e.getSuggestions(i,s);return{from:o.pos-d.length,options:g}},[e]);return(0,ie.useCallback)(async o=>{var u,O;let{state:i,pos:s}=o,d=(u=o.matchBefore(/\w*/))!=null?u:{from:0,to:0,text:void 0},l=(0,m.syntaxTree)(i).resolveInner(s,-1);switch(console.log({nodeBeforeName:l.name}),l.name){case"Filter":if(o.pos===0)return n(o,"column");if(ye(l,i)==="as")return n(o,"name");{let f=Te(l,i);return n(o,"save",{onSubmit:t.current,existingFilter:r,filterName:f})}case"String":{let a=he(l,i),f=xe(l,i),{from:C,to:p}=l;if(p-C===2&&o.pos===C+1){if(f&&a)return n(o,"columnValue",{columnName:f,operator:a,quoted:!0,startsWith:d.text})}else console.log(`we have a string, column is ${f} ${C} ${p}`)}break;case"As":return n(o,"name");case"FilterName":return n(o,"save",{onSubmit:t.current,existingFilter:r,filterName:Te(l,i)});case"Column":{let a=(0,m.getValue)(l,i);return await e.isPartialMatch("column",void 0,a)?n(o,"column",{startsWith:a}):n(o,"operator",{columnName:a})}case"\u26A0":{let a=(0,m.getNodeByName)(l,i),f=he(l,i),C=f?void 0:mt(l,i,a);return C?n(o,"operator",{columnName:a,startsWith:C}):n(o,"columnValue",{columnName:a,operator:f,startsWith:d.text})}case"Identifier":if(ye(l,i)==="as")return{from:o.pos,options:[{label:"press ENTER to apply filter and save",apply:()=>t.current(),boost:5}]};break;case"ColumnSetExpression":case"Values":{let a=(0,m.getNodeByName)(l,i),f=dt(l,i);return n(o,"columnValue",{columnName:a,selection:f})}case"Comma":case"LBrack":{let a=(0,m.getNodeByName)(l,i);return n(o,"columnValue",{columnName:a})}case"ColumnValueExpression":{let a=(O=l.lastChild)==null?void 0:O.prevSibling;if((a==null?void 0:a.name)==="Column")return n(o,"operator",{columnName:(0,m.getNodeByName)(l,i)});if((a==null?void 0:a.name)==="Operator")return n(o,"columnValue",{columnName:(0,m.getNodeByName)(a,i),operator:(0,m.getValue)(a,i)})}break;case"In":return{from:o.pos,options:[{label:"[",apply:" [",type:"text"}]};case"Eq":return n(o,"columnValue",{columnName:(0,m.getNodeByName)(l,i)});case"AndExpression":case"OrExpression":return n(o,"column");default:}},[r,n,t,e])};var D=e=>{if(e.current==null)throw Error("EditorView not defined");return e.current},gt=e=>(0,we.default)("vuuSuggestion",{vuuIllustration:e.isIllustration}),ft=e=>{let t=e.lastIndexOf(" as ");return t!==-1?e.slice(0,t):e},Ot=()=>console.log("noooop"),se=({existingFilter:e,onSubmitFilter:t,suggestionProvider:r})=>{let n=(0,E.useRef)(null),o=(0,E.useRef)(Ot),i=(0,E.useRef)(),s=Ee(r,o,e),[d,g]=(0,E.useMemo)(()=>{let l=()=>{let p=D(i),y=p.state.doc.toString(),b=(0,c.ensureSyntaxTree)(p.state,p.state.doc.length,5e3);if(b){let F=B(b,y);return[F,ft(y),F.name]}else return[void 0,"",void 0]},u=()=>{D(i).setState(C())},O=p=>{let[y,b,F]=l();t==null||t(y,b,p,F),u()},a=p=>c.keymap.of([{key:p,run(){return O(),!0}}]),f=p=>c.keymap.of([{key:p,run(){return(0,c.startCompletion)(D(i)),!0}}]),C=()=>c.EditorState.create({doc:"",extensions:[c.minimalSetup,(0,c.autocompletion)({override:[s],optionClass:gt}),ve(),c.keymap.of(c.defaultKeymap),a("Ctrl-Enter"),f("ArrowDown"),c.EditorView.updateListener.of(p=>{let y=D(i);p.docChanged&&(0,c.startCompletion)(y)}),c.EditorState.transactionFilter.of(p=>p.newDoc.lines>1?[]:p),be,Ce]});return o.current=p=>{O(p),setTimeout(()=>{D(i).focus()},100)},[C,u]},[s,t]);return(0,E.useEffect)(()=>{if(!n.current)throw Error("editor not in dom");return i.current=new c.EditorView({state:d(),parent:n.current}),()=>{var l;(l=i.current)==null||l.destroy()}},[s,d]),{editorRef:n,clearInput:g}};var V=require("react/jsx-runtime"),_="vuuFilterInput",Ft=({existingFilter:e,iconName:t="filter",namedFilters:r,onSubmitFilter:n,suggestionProvider:o,...i})=>{let{editorRef:s,clearInput:d}=se({existingFilter:e,onSubmitFilter:n,suggestionProvider:o});return(0,V.jsxs)("div",{...i,className:_,children:[(0,V.jsx)(le.Button,{className:`${_}-FilterButton`,"data-icon":t,tabIndex:-1}),(0,V.jsx)("div",{className:`${_}-Editor`,ref:s}),(0,V.jsx)(le.Button,{className:`${_}-ClearButton`,"data-icon":"close-circle",onClick:d})]})};var P=require("@vuu-ui/vuu-codemirror"),Y=require("@vuu-ui/vuu-data"),$=require("react");var W=require("@vuu-ui/vuu-utils"),Re=(e,t)=>{let r=(0,W.createEl)("div","vuuFunctionDoc"),n=(0,W.createEl)("div","function-heading"),o=(0,W.createEl)("span","function-name",e);n.appendChild(o);let i=(0,W.createEl)("p",void 0,t);return r.appendChild(n),r.appendChild(i),r};var St=[],vt={},Ct=e=>[{label:"Press ENTER to create TAB",apply:()=>e("tab"),boost:6}],Qe=(e,t,r=!0)=>{let n=t?[{label:"REPLACE existing filter",apply:()=>e("replace"),boost:8},{label:"AND existing filter",apply:()=>e("and"),boost:7},{label:"OR existing filter",apply:()=>e("or"),boost:7}]:[{label:"Press ENTER to submit",apply:()=>e(),boost:6}];return r?n.concat(P.booleanJoinSuggestions).concat(P.asNameSuggestion):n},Pt=(e,t)=>Qe(e,t,!0),bt=e=>Qe(e,void 0),ht=({existingFilter:e,filterName:t,onSubmit:r,saveOptions:n})=>{let o=t&&n.allowSaveAsTab,i=e?Pt(r,e):bt(r);return o?i.concat(Ct(r)):i},yt=e=>e.map(t=>({boost:5,label:t.name})),Tt=e=>e?Array.from(e.entries()).map(([t,r])=>({info:()=>Re(t,r),label:t,type:"filter"})):St,xt={label:"Done",apply:"] ",type:"keyword",boost:10},j=(e,t="")=>e.filter(r=>t===""||r.label.startsWith(t)).map(r=>({...r,apply:r.label+" "})),Et={allowReplace:!0},wt=({columns:e,namedFilters:t,saveOptions:r=Et,table:n})=>{let o=(0,$.useRef)(),i=(0,Y.useTypeaheadSuggestions)(),s=(0,$.useCallback)(async(g,l=vt)=>{let{columnName:u,existingFilter:O,filterName:a,operator:f,quoted:C,onSubmit:p,startsWith:y,selection:b}=l;switch(g){case"operator":{let F=e.find(M=>M.name===u);if(F)switch(F.serverDataType){case"string":case"char":return j(P.stringOperators,y);case"int":case"long":case"double":return j(P.numericOperators)}else console.warn(`'${u}' does not match any column name`)}break;case"column":{let F=await yt(e),M=await Tt(t);return(o.current=j(F)).concat(j(M))}case"columnValue":if(u){let F=e.find(et=>et.name===u);if(!F)throw Error(`useFilterSUggestionProvider no column ${u}`);let M=Array.isArray(b)?b.length===0?"[":",":"",Je=(0,Y.getTypeaheadParams)(n,u,y),Ke=await i(Je),de=f==="starts";return o.current=(0,P.toSuggestions)(Ke,{moveCursorToEnd:C,quoted:(F==null?void 0:F.serverDataType)==="string"&&!C,suffix:C?"":" ",prefix:de?y:M,isIllustration:de}),Array.isArray(b)&&(b==null?void 0:b.length)>1?[xt,...o.current]:o.current}break;case"save":{if(typeof p!="function")throw Error("useFilterSuggestionProvider, onSubmit must be supplied for 'save' suggestions");return await ht({existingFilter:O,filterName:a,onSubmit:p,saveOptions:r})}case"name":return await(0,P.getNamePrompt)("filter");default:}return[]},[e,i,t,r,n]),d=(0,$.useCallback)(async(g,l,u)=>{let O=await s(g,{columnName:l});if(u&&O)for(let a of O){if(a.label===u)return!1;if(a.label.startsWith(u))return!0}return!1},[s]);return{getSuggestions:s,isPartialMatch:d}};var Xe=require("@heswell/salt-lab"),Le=fe(ne(),1);var U=require("@heswell/salt-lab");var Ne=require("@heswell/salt-lab"),q=require("react"),ke=require("react/jsx-runtime"),Rt=e=>typeof e=="string",Ve=e=>Rt(e)?e.startsWith('"')&&e.endsWith('"')?e.slice(1,-1):e:e.map(Ve),Ae=({column:e,selected:t,suggestionProvider:r,...n})=>{let o=t!=null?Ve(t):void 0,i=Array.isArray(o)?o:o!=null?[o]:[],[s,d]=(0,q.useState)(i);console.log({initialValues:i});let g=(0,q.useCallback)(async l=>{if(l){let u=await r.getSuggestions("columnValue",{columnName:e});console.log({values:u}),d(u.map(O=>O.label))}},[e,r]);return(0,ke.jsx)(Ne.Dropdown,{...n,onOpenChange:g,selected:o,source:s})};var Me=require("@heswell/salt-lab"),G=require("react"),We=require("react/jsx-runtime"),Qt=e=>typeof e=="string",Ie=e=>{if(e!==void 0)return Qt(e)?e.startsWith('"')&&e.endsWith('"')?e.slice(1,-1):e:e.map(Ie)},De=({column:e,selected:t,suggestionProvider:r,...n})=>{let o=Ie(t),i=Array.isArray(o)?o:o!=null?[o]:[],[s,d]=(0,G.useState)(i),g=(0,G.useCallback)(async l=>{if(l){let u=await r.getSuggestions("columnValue",{columnName:e});console.log({values:u}),d(u.map(O=>O.label))}},[e,r]);return(0,We.jsx)(Me.Dropdown,{...n,onOpenChange:g,selected:o,selectionStrategy:"multiple",source:s})};var A=require("react/jsx-runtime"),$e=(e,t)=>{if(ae(e))return(0,A.jsx)(U.ToggleButton,{className:"vuuToggleButton",toggled:!0,variant:"secondary",children:e.name});if(N(e)){let{column:r,value:n}=e;return(0,A.jsx)(U.ToolbarField,{className:"vuuFilterDropdown",label:r,labelPlacement:"top",children:(0,A.jsx)(Ae,{column:r,selected:n.toString(),selectionStrategy:"default",source:[n.toString()],suggestionProvider:t,style:{width:100}})},r)}if(w(e)){let r=e.values.map(n=>n.toString());return(0,A.jsx)(U.ToolbarField,{className:"vuuFilterDropdown",label:e.column,labelPlacement:"top",children:(0,A.jsx)(De,{column:e.column,selected:r,source:r,suggestionProvider:t,style:{width:100}})},e.column)}return e.filters.map(r=>$e(r,t))},Ue=({filter:e,suggestionProvider:t})=>e?$e(e,t):[];var He=require("react/jsx-runtime"),Nt=({className:e,filter:t,suggestionProvider:r,...n})=>{console.log(`FilterToolbar ${JSON.stringify(t,null,2)}`);let o=Ue({filter:t,suggestionProvider:r});return(0,He.jsx)(Xe.Toolbar,{className:(0,Le.default)("vuuFilterToolbar",e),...n,children:o})};var Be=new Map,Vt=()=>!1,At=(e,t)=>{let r=Be.get(t);if(r)return r;try{let n=I(t);return r=z(e,n),Be.set(t,r),r}catch{return console.warn(`filter-evaluation-utils, failed to parse filter "${t}"`),Vt}};function z(e,t){switch(t.op){case"in":return kt(e,t);case"=":return Mt(e,t);case">":return It(e,t);case">=":return Dt(e,t);case"<":return Wt(e,t);case"<=":return $t(e,t);case"starts":return Ut(e,t);case"and":return Xt(e,t);case"or":return Lt(e,t);default:return console.log(`unrecognized filter type ${t.op}`),()=>!0}}var kt=(e,t)=>r=>t.values.indexOf(r[e[t.column]])!==-1,Mt=(e,t)=>r=>r[e[t.column]]===t.value,It=(e,t)=>r=>r[e[t.column]]>t.value,Dt=(e,t)=>r=>r[e[t.column]]>=t.value,Wt=(e,t)=>r=>r[e[t.column]]<t.value,$t=(e,t)=>r=>r[e[t.column]]<=t.value,Ut=(e,t)=>{let r=t.value;if(typeof r!="string")throw Error("string filter applied to value of wrong type");return n=>{let o=n[e[t.column]];if(typeof o!="string")throw Error("string filter applied to value of wrong type");return o.toLowerCase().startsWith(r.toLowerCase())}},Xt=(e,t)=>{let r=t.filters.map(n=>z(e,n));return n=>r.every(o=>o(n))};function Lt(e,t){let r=t.filters.map(n=>z(e,n));return n=>r.some(o=>o(n))}var te=require("@vuu-ui/vuu-utils");var Ht=new Set(["=","!=",">",">=","<","<=","starts","ends"]),ae=e=>e!==void 0&&e.name!==void 0,N=e=>e!==void 0&&Ht.has(e.op),Bt=e=>e!==void 0&&(N(e)||w(e)),w=e=>e!==void 0&&e.op==="in",k=e=>e.op==="in",Z=e=>e.op==="and",ue=e=>e.op==="or";function R(e){return e!==void 0&&(e.op==="and"||e.op==="or")}var v="and",J="=",_t=">",jt="<",_e="or",pe="starts",Yt="ends",je="in",Ye=(e,t=[])=>(e&&(R(e)?e.filters.forEach(r=>t.push(...Ye(r))):t.push(e)),t),qt={combineWith:"and"},Gt=(e,t,{combineWith:r=v}=qt)=>{var n;if(me(t))R(t)||(e=ce(e,{name:t.column}));else if(Zt(t))return R(t),ce(e,{name:(n=t.column)!=null?n:""});if(!e)return t;if(!t)return e;if(e.op===v&&t.op===v)return{op:v,filters:er(e.filters,t.filters)};if(e.op===v){let o=Jt(e.filters,t);return o.length>1?{op:v,filters:o}:o[0]}return t.op===v?{op:v,filters:t.filters.concat(e)}:ee(e,t,!0)?t:ze(e,t)?Kt(e,t):{op:r,filters:[e,t]}},me=e=>e?k(e)&&e.values.length===0?!0:Z(e)&&e.filters.some(t=>me(t)):!1,zt=e=>typeof e=="string"?`"${e}"`:e,K=e=>R(e)?e.filters.map(t=>K(t)).join(` ${e.op} `):w(e)?`${e.column} ${e.op} [${e.values.join(",")}]`:`${e.column} ${e.op} ${zt(e.value)}`,Zt=e=>e?e.op===pe&&e.value===""?!0:e.op===pe&&e.value==="":!1,Jt=(e,t)=>e.concat(t),Kt=(e,t)=>me(t)?t:k(e)&&k(t)?{...e,values:[...e.values,...t.values.filter(r=>!e.values.includes(r))]}:k(e)&&t.op===J?{...e,values:e.values.concat([t.value])}:e.op===J&&t.op===J?{column:e.column,op:je,values:[e.value,t.value]}:t,er=(e,t)=>{let r=({op:i},{op:s})=>i===s||i[0]===s[0],n=(i,s)=>i.column===s.column&&r(i,s),o=i=>t.some(s=>n(i,s))===!1;return e.filter(o).concat(t)},tr=(e,t)=>{if(R(t)){let[r,n]=t.filters;if(r.column===e.name)return[n,K(n)];if(n.column===e.name)return[r,K(r)]}return[void 0,""]},rr=(e,t)=>{if(ee(e,t,!0))return null;if(e.op!==v)throw Error(`removeFilter cannot remove ${JSON.stringify(t)} from ${JSON.stringify(e)}`);let r=e.filters.filter(n=>!ee(n,t));return r.length>0?{type:v,filters:r}:null},nr=(e,t)=>{if(!e)return[null,null];if(e.column===t)return[e,null];if(e.op!==v)return[null,e];let[[r=null],n]=(0,te.partition)(e.filters,o=>o.column===t);return n.length===1?[r,n[0]]:[r,{op:v,filters:n}]},qe=(e,t)=>R(e)?{op:e.op,filters:e.filters.map(r=>qe(r,t))}:{...e,column:t},Ge=(e,t)=>{if(!e)return!1;let{op:r,column:n}=e;switch(r){case v:case _e:return e.filters!=null&&e.filters.some(o=>Ge(o,t));default:return n===t.name}},ce=(e,t)=>{let r=t.name;if(e&&e.column!==r){if(Z(e)||ue(e)){let{op:n}=e,i=e.filters.filter(s=>s.column!==r);switch(i.length){case 0:return;case 1:return i[0];default:return{op:n,filters:i}}}return e}},ze=(e,t)=>e.column===t.column&&(e.op==="="||e.op==="in")&&(t.op==="="||t.op==="in"),or=(e,t)=>{if(e===t)return!0;if(e.length===t.length){let r=e.slice().sort(),n=t.slice().sort();return r.join("|")===n.join("|")}return!1},ee=(e,t,r=!1)=>r?e&&t&&ze(e,t)?e.op===t.op&&(N(e)&&N(t)&&e.value===t.value||w(e)&&w(t)&&or(e.values,t.values)):!1:!0,Ze=(e,t,r)=>{if(e&&t){if(r==="replace")return t;if(e.op==="and")return{...e,filters:e.filters.concat(t)};let{column:n}=t;if(n&&(t.column?(0,te.extractFilterForColumn)(e,n):void 0)&&n){let i=ce(e,{name:n});return Ze(i,t,"add")}return{op:"and",filters:[e,t]}}return t||e};
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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;
+};
+
+// ../../node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "../../node_modules/classnames/index.js"(exports, module2) {
+    (function() {
+      "use strict";
+      var hasOwn = {}.hasOwnProperty;
+      var nativeCodeString = "[native code]";
+      function classNames() {
+        var classes = [];
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (!arg)
+            continue;
+          var argType = typeof arg;
+          if (argType === "string" || argType === "number") {
+            classes.push(arg);
+          } else if (Array.isArray(arg)) {
+            if (arg.length) {
+              var inner = classNames.apply(null, arg);
+              if (inner) {
+                classes.push(inner);
+              }
+            }
+          } else if (argType === "object") {
+            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+              classes.push(arg.toString());
+              continue;
+            }
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          }
+        }
+        return classes.join(" ");
+      }
+      if (typeof module2 !== "undefined" && module2.exports) {
+        classNames.default = classNames;
+        module2.exports = classNames;
+      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
+        define("classnames", [], function() {
+          return classNames;
+        });
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AND: () => AND,
+  ENDS_WITH: () => ENDS_WITH,
+  EQUALS: () => EQUALS,
+  FilterInput: () => FilterInput,
+  FilterToolbar: () => FilterToolbar,
+  GREATER_THAN: () => GREATER_THAN,
+  IN: () => IN,
+  LESS_THAN: () => LESS_THAN,
+  OR: () => OR,
+  STARTS_WITH: () => STARTS_WITH,
+  addFilter: () => addFilter,
+  filterAsQuery: () => filterAsQuery,
+  filterClauses: () => filterClauses,
+  filterEquals: () => filterEquals,
+  filterIncludesColumn: () => filterIncludesColumn,
+  filterPredicate: () => filterPredicate,
+  getFilterPredicate: () => getFilterPredicate,
+  isAndFilter: () => isAndFilter,
+  isFilterClause: () => isFilterClause,
+  isInFilter: () => isInFilter,
+  isMultiClauseFilter: () => isMultiClauseFilter2,
+  isMultiValueFilter: () => isMultiValueFilter2,
+  isNamedFilter: () => isNamedFilter,
+  isOrFilter: () => isOrFilter,
+  isSingleValueFilter: () => isSingleValueFilter2,
+  overrideColName: () => overrideColName,
+  parseFilter: () => parseFilter,
+  removeColumnFromFilter: () => removeColumnFromFilter,
+  removeFilter: () => removeFilter,
+  splitFilterOnColumn: () => splitFilterOnColumn,
+  updateFilter: () => updateFilter,
+  useCodeMirrorEditor: () => useCodeMirrorEditor,
+  useFilterSuggestionProvider: () => useFilterSuggestionProvider
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/filter-input/FilterInput.tsx
+var import_core = require("@salt-ds/core");
+
+// src/filter-input/useCodeMirrorEditor.ts
+var import_vuu_codemirror6 = require("@vuu-ui/vuu-codemirror");
+var import_classnames = __toESM(require_classnames(), 1);
+var import_react2 = require("react");
+
+// src/filter-input/filter-language-parser/FilterLanguage.ts
+var import_vuu_codemirror2 = require("@vuu-ui/vuu-codemirror");
+
+// src/filter-input/filter-language-parser/generated/filter-parser.js
+var import_vuu_codemirror = require("@vuu-ui/vuu-codemirror");
+var parser = import_vuu_codemirror.LRParser.deserialize({
+  version: 14,
+  states: "%QOVQPOOOOQO'#C_'#C_O_QQO'#C^OOQO'#DO'#DOOvQQO'#C|OOQO'#DR'#DROVQPO'#CuOOQO'#C}'#C}QOQPOOOOQO'#C`'#C`O!UQQO,58xO!dQPO,59VOVQPO,59]OVQPO,59_O!iQPO,59hO!nQQO,59aOOQO'#DQ'#DQOOQO1G.d1G.dO!UQQO1G.qO!yQQO1G.wOOQO1G.y1G.yOOQO'#Cw'#CwOOQO1G/S1G/SOOQO1G.{1G.{O#[QPO'#CnO#dQPO7+$]O!UQQO'#CxO#iQPO,59YOOQO<<Gw<<GwOOQO,59d,59dOOQO-E6v-E6v",
+  stateData: "#q~OoOS~OsPOvUO~OTXOUXOVXOWXOXXOYXO`ZO~Of[Oh]Oj^OmpX~OZ`O[`O]`O^`O~OabO~OseO~Of[Oh]OwgO~Oh]Ofeijeimeiwei~OcjOdbX~OdlO~OcjOdba~O",
+  goto: "#YvPPw}!TPPPPPPPPPPwPP!WPP!ZP!ZP!aP!g!jPPP!p!s!aP#P!aXROU[]XQOU[]RYQRibXTOU[]XVOU[]Rf^QkhRnkRWOQSOQ_UQc[Rd]QaYQhbRmj",
+  nodeNames: "\u26A0 Filter ColumnValueExpression Column Operator Eq NotEq Gt Lt Starts Ends Number String True False ColumnSetExpression In LBrack Values Comma RBrack AndExpression And OrExpression Or ParenthesizedExpression As FilterName",
+  maxTerm: 39,
+  skippedNodes: [0],
+  repeatNodeCount: 1,
+  tokenData: "6p~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$j|}$o!O!P$t!Q![%S!^!_%_!_!`%d!`!a%i!c!}%n!}#O&V#P#Q&[#R#S%n#T#U&a#U#X%n#X#Y(w#Y#Z+]#Z#]%n#]#^.]#^#c%n#c#d/e#d#g%n#g#h0m#h#i4[#i#o%n~#USo~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOU~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_O[~~$bP;=`<%l#m~$jOv~~$oOw~~$tOc~~$wP!Q![$z~%PPZ~!Q![$z~%XQZ~!O!P$t!Q![%S~%dOW~~%iOT~~%nOV~P%sUsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n~&[Oa~~&aOd~R&fYsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c'U#c#g%n#g#h(^#h#o%nR'ZWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X's#X#o%nR'zUfQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(eUjQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c)f#c#o%nR)kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X*T#X#o%nR*YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h*r#h#o%nR*yUYQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR+bVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U+w#U#o%nR+|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#`%n#`#a,f#a#o%nR,kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h-T#h#o%nR-YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y-r#Y#o%nR-yU^QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR.bWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c.z#c#o%nR/RU`QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR/jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g0S#g#o%nR0ZUhQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR0rWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i1[#i#o%nR1aVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U1v#U#o%nR1{WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g2e#g#o%nR2jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i3S#i#o%nR3XWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h3q#h#o%nR3xUXQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR4aWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g4y#g#o%nR5OWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#i%n#i#j5h#j#o%nR5mWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y6V#Y#o%nR6^U]QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n",
+  tokenizers: [0, 1],
+  topRules: { "Filter": [0, 1] },
+  tokenPrec: 0
+});
+
+// src/filter-input/filter-language-parser/FilterLanguage.ts
+var filterLanguage = import_vuu_codemirror2.LRLanguage.define({
+  name: "VuuFilterQuery",
+  parser: parser.configure({
+    props: [
+      (0, import_vuu_codemirror2.styleTags)({
+        Identifier: import_vuu_codemirror2.tags.variableName,
+        String: import_vuu_codemirror2.tags.string,
+        Or: import_vuu_codemirror2.tags.emphasis,
+        Operator: import_vuu_codemirror2.tags.operator
+      })
+    ]
+  })
+});
+var filterLanguageSupport = () => {
+  return new import_vuu_codemirror2.LanguageSupport(filterLanguage);
+};
+
+// src/filter-input/filter-language-parser/FilterTreeWalker.ts
+var import_vuu_utils = require("@vuu-ui/vuu-utils");
+var _filter;
+var FilterExpression = class {
+  constructor() {
+    __privateAdd(this, _filter, void 0);
+  }
+  setFilterCombinatorOp(op, filter = __privateGet(this, _filter)) {
+    if ((0, import_vuu_utils.isMultiClauseFilter)(filter) && filter.op === op) {
+      return;
+    } else {
+      __privateSet(this, _filter, {
+        op,
+        filters: [__privateGet(this, _filter)]
+      });
+    }
+  }
+  add(filter) {
+    if (__privateGet(this, _filter) === void 0) {
+      __privateSet(this, _filter, filter);
+    } else if ((0, import_vuu_utils.isMultiClauseFilter)(__privateGet(this, _filter))) {
+      __privateGet(this, _filter).filters.push(filter);
+    } else {
+      throw Error(`Invalid filter passed to FilterExpression`);
+    }
+  }
+  setColumn(column, filter = __privateGet(this, _filter)) {
+    if ((0, import_vuu_utils.isMultiClauseFilter)(filter)) {
+      const target = filter.filters.at(-1);
+      if (target) {
+        this.setColumn(column, target);
+      }
+    } else if (filter) {
+      filter.column = column;
+    }
+  }
+  setOp(value, filter = __privateGet(this, _filter)) {
+    if ((0, import_vuu_utils.isMultiClauseFilter)(filter)) {
+      const target = filter.filters.at(-1);
+      if (target) {
+        this.setOp(value, target);
+      }
+    } else if (filter) {
+      filter.op = value;
+    }
+  }
+  setValue(value, filter = __privateGet(this, _filter)) {
+    var _a;
+    if ((0, import_vuu_utils.isMultiClauseFilter)(filter)) {
+      const target = filter.filters.at(-1);
+      if (target) {
+        this.setValue(value, target);
+      }
+    } else if ((0, import_vuu_utils.isMultiValueFilter)(filter)) {
+      (_a = filter.values) != null ? _a : filter.values = [];
+      filter.values.push(value);
+    } else if ((0, import_vuu_utils.isSingleValueFilter)(filter)) {
+      filter.value = value;
+    }
+  }
+  toJSON(filter = __privateGet(this, _filter)) {
+    if (this.name) {
+      return {
+        ...filter,
+        name: this.name
+      };
+    } else {
+      return filter;
+    }
+  }
+};
+_filter = new WeakMap();
+var walkTree = (tree, source) => {
+  const filterExpression = new FilterExpression();
+  const cursor = tree.cursor();
+  do {
+    const { name, from, to } = cursor;
+    switch (name) {
+      case "ColumnValueExpression":
+        filterExpression.add({});
+        break;
+      case "ColumnSetExpression":
+        filterExpression.add({ op: "in" });
+        break;
+      case "Or":
+      case "And":
+        filterExpression.setFilterCombinatorOp(source.substring(from, to));
+        break;
+      case "Column":
+        filterExpression.setColumn(source.substring(from, to));
+        break;
+      case "Operator":
+        filterExpression.setOp(source.substring(from, to));
+        break;
+      case "String":
+        filterExpression.setValue(source.substring(from + 1, to - 1));
+        break;
+      case "Number":
+        filterExpression.setValue(parseFloat(source.substring(from, to)));
+        break;
+      case "True":
+        filterExpression.setValue(true);
+        break;
+      case "False":
+        filterExpression.setValue(false);
+        break;
+      case "FilterName":
+        filterExpression.name = source.substring(from, to);
+        break;
+      default:
+    }
+  } while (cursor.next());
+  return filterExpression.toJSON();
+};
+
+// src/filter-input/filter-language-parser/FilterParser.ts
+var strictParser = parser.configure({ strict: true });
+var parseFilter = (filterQuery) => {
+  const parseTree = strictParser.parse(filterQuery);
+  const filter = walkTree(parseTree, filterQuery);
+  return filter;
+};
+
+// src/filter-input/highlighting.ts
+var import_vuu_codemirror3 = require("@vuu-ui/vuu-codemirror");
+var myHighlightStyle = import_vuu_codemirror3.HighlightStyle.define([
+  { tag: import_vuu_codemirror3.tags.variableName, color: "var(--vuuFilterEditor-variableColor)" },
+  { tag: import_vuu_codemirror3.tags.comment, color: "green", fontStyle: "italic" }
+]);
+var vuuHighlighting = (0, import_vuu_codemirror3.syntaxHighlighting)(myHighlightStyle);
+
+// src/filter-input/theme.ts
+var import_vuu_codemirror4 = require("@vuu-ui/vuu-codemirror");
+var vuuTheme = import_vuu_codemirror4.EditorView.theme(
+  {
+    "&": {
+      color: "var(--vuuFilterEditor-color)",
+      backgroundColor: "var(--vuuFilterEditor-background)",
+      fontSize: "var(--vuuFilterEditor-fontSize)"
+    },
+    ".cm-content": {
+      caretColor: "var(--vuuFilterEditor-cursorColor)",
+      padding: 0
+    },
+    ".cm-line": {
+      lineHeight: "var(--vuuFilterEditor-lineHeight)"
+    },
+    "&.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": {
+        alignItems: "center",
+        display: "flex",
+        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-completionIcon": {
+      height: "18px",
+      flex: "0 0 16px"
+    },
+    ".cm-completionLabel": {
+      flex: "1 1 auto"
+    },
+    ".cm-completionIcon-filter": {
+      position: "relative",
+      "&:after": {
+        background: "var(--salt-text-secondary-foreground)",
+        content: "''",
+        "-webkit-mask": "var(--svg-filter) center center/13px 13px",
+        "-webkit-mask-repeat": "no-repeat",
+        position: "absolute",
+        height: "18px",
+        left: "0px",
+        top: "0px",
+        width: "16px"
+      }
+    }
+  },
+  { dark: false }
+);
+
+// src/filter-input/useFilterAutoComplete.ts
+var import_vuu_codemirror5 = require("@vuu-ui/vuu-codemirror");
+var import_react = require("react");
+var getOperator = (node, state) => {
+  let maybeColumnNode = node.prevSibling || node.parent;
+  while (maybeColumnNode && !["Column", "Operator", "In"].includes(maybeColumnNode.name)) {
+    maybeColumnNode = maybeColumnNode.prevSibling || maybeColumnNode.parent;
+  }
+  if ((maybeColumnNode == null ? void 0 : maybeColumnNode.name) === "In" || (maybeColumnNode == null ? void 0 : maybeColumnNode.name) === "Operator") {
+    return (0, import_vuu_codemirror5.getValue)(maybeColumnNode, state);
+  } else {
+    return void 0;
+  }
+};
+var getPartialOperator = (maybeOperatorNode, state, columnName) => {
+  const value = (0, import_vuu_codemirror5.getValue)(maybeOperatorNode, state);
+  if (columnName === void 0 || value === columnName) {
+    return;
+  }
+  if (["contains", "ends", "starts"].some(
+    (val) => val.startsWith(value.toLowerCase())
+  )) {
+    return value;
+  } else {
+    return void 0;
+  }
+};
+var getClauseOperator = (node, state) => {
+  let maybeTargetNode = node.prevSibling || node.parent || node.lastChild;
+  while (maybeTargetNode && maybeTargetNode.name === "\u26A0")
+    maybeTargetNode = maybeTargetNode.prevSibling;
+  if (maybeTargetNode && ["As", "Or", "And"].includes(maybeTargetNode.name)) {
+    return (0, import_vuu_codemirror5.getValue)(maybeTargetNode, state);
+  } else {
+    return void 0;
+  }
+};
+var getFilterName = (node, state) => {
+  if (node.name === "FilterName") {
+    return (0, import_vuu_codemirror5.getValue)(node, state);
+  } else {
+    let maybeTargetNode = node.prevSibling || node.parent || node.lastChild;
+    while (maybeTargetNode && maybeTargetNode.name !== "FilterName")
+      maybeTargetNode = maybeTargetNode.prevSibling;
+    if (maybeTargetNode && maybeTargetNode.name === "FilterName") {
+      return (0, import_vuu_codemirror5.getValue)(node, state);
+    }
+  }
+};
+var getColumnName = (node, state) => {
+  const prevNode = node.prevSibling;
+  if ((prevNode == null ? void 0 : prevNode.name) === "Column") {
+    return (0, import_vuu_codemirror5.getValue)(prevNode, state);
+  } else if ((prevNode == null ? void 0 : prevNode.name) === "Operator") {
+    return getColumnName(prevNode, state);
+  }
+};
+var getSetValues = (node, state) => {
+  let maybeTargetNode = node.lastChild;
+  const values = [];
+  while (maybeTargetNode && maybeTargetNode.name !== "In") {
+    const value = (0, import_vuu_codemirror5.getValue)(maybeTargetNode, state);
+    if (value) {
+      values.push(value);
+    } else {
+      break;
+    }
+    maybeTargetNode = maybeTargetNode.prevSibling;
+  }
+  return values;
+};
+var useAutoComplete = (suggestionProvider, onSubmit, existingFilter) => {
+  const makeSuggestions = (0, import_react.useCallback)(
+    async (context, suggestionType, optionalArgs = {}) => {
+      const { startsWith = "" } = optionalArgs;
+      const options = await suggestionProvider.getSuggestions(
+        suggestionType,
+        optionalArgs
+      );
+      return { from: context.pos - startsWith.length, options };
+    },
+    [suggestionProvider]
+  );
+  return (0, import_react.useCallback)(
+    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 = (0, import_vuu_codemirror5.syntaxTree)(state);
+      const nodeBefore = tree.resolveInner(pos, -1);
+      console.log({ nodeBeforeName: nodeBefore.name });
+      switch (nodeBefore.name) {
+        case "Filter":
+          if (context.pos === 0) {
+            return makeSuggestions(context, "column");
+          } else {
+            const clauseOperator = getClauseOperator(nodeBefore, state);
+            if (clauseOperator === "as") {
+              return makeSuggestions(context, "name");
+            } else {
+              const filterName = getFilterName(nodeBefore, state);
+              return makeSuggestions(context, "save", {
+                onSubmit: onSubmit.current,
+                existingFilter,
+                filterName
+              });
+            }
+          }
+        case "String":
+          {
+            const operator = getOperator(nodeBefore, state);
+            const columnName = getColumnName(nodeBefore, state);
+            const { from, to } = nodeBefore;
+            if (to - from === 2 && context.pos === from + 1) {
+              if (columnName && operator) {
+                return makeSuggestions(context, "columnValue", {
+                  columnName,
+                  operator,
+                  quoted: true,
+                  startsWith: word.text
+                });
+              }
+            } else {
+              console.log(
+                `we have a string, column is ${columnName} ${from} ${to}`
+              );
+            }
+          }
+          break;
+        case "As":
+          return makeSuggestions(context, "name");
+        case "FilterName":
+          return makeSuggestions(context, "save", {
+            onSubmit: onSubmit.current,
+            existingFilter,
+            filterName: getFilterName(nodeBefore, state)
+          });
+        case "Column": {
+          const columnName = (0, import_vuu_codemirror5.getValue)(nodeBefore, state);
+          const isPartialMatch = await suggestionProvider.isPartialMatch(
+            "column",
+            void 0,
+            columnName
+          );
+          if (isPartialMatch) {
+            return makeSuggestions(context, "column", {
+              startsWith: columnName
+            });
+          } else {
+            return makeSuggestions(context, "operator", { columnName });
+          }
+        }
+        case "\u26A0": {
+          const columnName = (0, import_vuu_codemirror5.getNodeByName)(nodeBefore, state);
+          const operator = getOperator(nodeBefore, state);
+          const partialOperator = operator ? void 0 : getPartialOperator(nodeBefore, state, columnName);
+          if (partialOperator) {
+            return makeSuggestions(context, "operator", {
+              columnName,
+              startsWith: partialOperator
+            });
+          } else {
+            return makeSuggestions(context, "columnValue", {
+              columnName,
+              operator,
+              startsWith: word.text
+            });
+          }
+        }
+        case "Identifier":
+          {
+            const clauseOperator = getClauseOperator(nodeBefore, state);
+            if (clauseOperator === "as") {
+              return {
+                from: context.pos,
+                options: [
+                  {
+                    label: "press ENTER to apply filter and save",
+                    apply: () => onSubmit.current(),
+                    boost: 5
+                  }
+                ]
+              };
+            }
+          }
+          break;
+        case "ColumnSetExpression":
+        case "Values": {
+          const columnName = (0, import_vuu_codemirror5.getNodeByName)(nodeBefore, state);
+          const selection = getSetValues(nodeBefore, state);
+          return makeSuggestions(context, "columnValue", {
+            columnName,
+            selection
+          });
+        }
+        case "Comma":
+        case "LBrack": {
+          const columnName = (0, import_vuu_codemirror5.getNodeByName)(nodeBefore, state);
+          return makeSuggestions(context, "columnValue", { columnName });
+        }
+        case "ColumnValueExpression":
+          {
+            const lastToken = (_b = nodeBefore.lastChild) == null ? void 0 : _b.prevSibling;
+            if ((lastToken == null ? void 0 : lastToken.name) === "Column") {
+              return makeSuggestions(context, "operator", {
+                columnName: (0, import_vuu_codemirror5.getNodeByName)(nodeBefore, state)
+              });
+            } else if ((lastToken == null ? void 0 : lastToken.name) === "Operator") {
+              return makeSuggestions(context, "columnValue", {
+                columnName: (0, import_vuu_codemirror5.getNodeByName)(lastToken, state),
+                operator: (0, import_vuu_codemirror5.getValue)(lastToken, state)
+              });
+            }
+          }
+          break;
+        case "In": {
+          return {
+            from: context.pos,
+            options: [{ label: "[", apply: " [", type: "text" }]
+          };
+        }
+        case "Eq": {
+          return makeSuggestions(context, "columnValue", {
+            columnName: (0, import_vuu_codemirror5.getNodeByName)(nodeBefore, state)
+          });
+        }
+        case "AndExpression":
+        case "OrExpression": {
+          return makeSuggestions(context, "column");
+        }
+        default:
+      }
+    },
+    [existingFilter, makeSuggestions, onSubmit, suggestionProvider]
+  );
+};
+
+// src/filter-input/useCodeMirrorEditor.ts
+var getView = (ref) => {
+  if (ref.current == void 0) {
+    throw Error("EditorView not defined");
+  }
+  return ref.current;
+};
+var getOptionClass = (completion) => {
+  return (0, import_classnames.default)("vuuSuggestion", {
+    vuuIllustration: completion.isIllustration
+  });
+};
+var stripName = (filterQuery) => {
+  const pos = filterQuery.lastIndexOf(" as ");
+  if (pos !== -1) {
+    return filterQuery.slice(0, pos);
+  } else {
+    return filterQuery;
+  }
+};
+var noop = () => console.log("noooop");
+var useCodeMirrorEditor = ({
+  existingFilter,
+  onSubmitFilter,
+  suggestionProvider
+}) => {
+  const editorRef = (0, import_react2.useRef)(null);
+  const onSubmit = (0, import_react2.useRef)(noop);
+  const viewRef = (0, import_react2.useRef)();
+  const completionFn = useAutoComplete(
+    suggestionProvider,
+    onSubmit,
+    existingFilter
+  );
+  const [createState, clearInput] = (0, import_react2.useMemo)(() => {
+    const parseFilter2 = () => {
+      const view = getView(viewRef);
+      const source = view.state.doc.toString();
+      const tree = (0, import_vuu_codemirror6.ensureSyntaxTree)(view.state, view.state.doc.length, 5e3);
+      if (tree) {
+        const filter = walkTree(tree, source);
+        return [filter, stripName(source), filter.name];
+      } else {
+        return [void 0, "", void 0];
+      }
+    };
+    const clearInput2 = () => {
+      getView(viewRef).setState(createState2());
+    };
+    const submitFilterAndClearInput = (mode) => {
+      const [filter, filterQuery, filterName] = parseFilter2();
+      onSubmitFilter == null ? void 0 : onSubmitFilter(filter, filterQuery, mode, filterName);
+      clearInput2();
+    };
+    const submitFilter = (key) => {
+      return import_vuu_codemirror6.keymap.of([
+        {
+          key,
+          run() {
+            submitFilterAndClearInput();
+            return true;
+          }
+        }
+      ]);
+    };
+    const showSuggestions = (key) => {
+      return import_vuu_codemirror6.keymap.of([
+        {
+          key,
+          run() {
+            (0, import_vuu_codemirror6.startCompletion)(getView(viewRef));
+            return true;
+          }
+        }
+      ]);
+    };
+    const createState2 = () => import_vuu_codemirror6.EditorState.create({
+      doc: "",
+      extensions: [
+        import_vuu_codemirror6.minimalSetup,
+        (0, import_vuu_codemirror6.autocompletion)({
+          override: [completionFn],
+          optionClass: getOptionClass
+        }),
+        filterLanguageSupport(),
+        import_vuu_codemirror6.keymap.of(import_vuu_codemirror6.defaultKeymap),
+        submitFilter("Ctrl-Enter"),
+        showSuggestions("ArrowDown"),
+        import_vuu_codemirror6.EditorView.updateListener.of((v) => {
+          const view = getView(viewRef);
+          if (v.docChanged) {
+            (0, import_vuu_codemirror6.startCompletion)(view);
+          }
+        }),
+        import_vuu_codemirror6.EditorState.transactionFilter.of(
+          (tr) => tr.newDoc.lines > 1 ? [] : tr
+        ),
+        vuuTheme,
+        vuuHighlighting
+      ]
+    });
+    onSubmit.current = (mode) => {
+      submitFilterAndClearInput(mode);
+      setTimeout(() => {
+        getView(viewRef).focus();
+      }, 100);
+    };
+    return [createState2, clearInput2];
+  }, [completionFn, onSubmitFilter]);
+  (0, import_react2.useEffect)(() => {
+    if (!editorRef.current) {
+      throw Error("editor not in dom");
+    }
+    viewRef.current = new import_vuu_codemirror6.EditorView({
+      state: createState(),
+      parent: editorRef.current
+    });
+    return () => {
+      var _a;
+      (_a = viewRef.current) == null ? void 0 : _a.destroy();
+    };
+  }, [completionFn, createState]);
+  return { editorRef, clearInput };
+};
+
+// src/filter-input/FilterInput.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var classBase = "vuuFilterInput";
+var FilterInput = ({
+  existingFilter,
+  iconName = "filter",
+  namedFilters,
+  onSubmitFilter,
+  suggestionProvider,
+  ...props
+}) => {
+  const { editorRef, clearInput } = useCodeMirrorEditor({
+    existingFilter,
+    onSubmitFilter,
+    suggestionProvider
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...props, className: classBase, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Button,
+      {
+        className: `${classBase}-FilterButton`,
+        "data-icon": iconName,
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classBase}-Editor`, ref: editorRef }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Button,
+      {
+        className: `${classBase}-ClearButton`,
+        "data-icon": "close-circle",
+        onClick: clearInput
+      }
+    )
+  ] });
+};
+
+// src/filter-input/useFilterSuggestionProvider.ts
+var import_vuu_codemirror7 = require("@vuu-ui/vuu-codemirror");
+var import_vuu_data = require("@vuu-ui/vuu-data");
+var import_react3 = require("react");
+
+// src/filter-input/filterInfo.ts
+var import_vuu_utils2 = require("@vuu-ui/vuu-utils");
+var filterInfo = (filterName, filterQuery) => {
+  const rootElement = (0, import_vuu_utils2.createEl)("div", "vuuFunctionDoc");
+  const headingElement = (0, import_vuu_utils2.createEl)("div", "function-heading");
+  const nameElement = (0, import_vuu_utils2.createEl)("span", "function-name", filterName);
+  headingElement.appendChild(nameElement);
+  const child2 = (0, import_vuu_utils2.createEl)("p", void 0, filterQuery);
+  rootElement.appendChild(headingElement);
+  rootElement.appendChild(child2);
+  return rootElement;
+};
+
+// src/filter-input/useFilterSuggestionProvider.ts
+var NO_NAMED_FILTERS = [];
+var NONE = {};
+var saveAsTab = (onSubmit) => [
+  {
+    label: "Press ENTER to create TAB",
+    apply: () => onSubmit("tab"),
+    boost: 6
+  }
+];
+var makeSaveOrExtendSuggestions = (onSubmit, existingFilter, withJoinSuggestions = true) => {
+  const result = existingFilter ? [
+    {
+      label: "REPLACE existing filter",
+      apply: () => onSubmit("replace"),
+      boost: 8
+    },
+    {
+      label: "AND existing filter",
+      apply: () => onSubmit("and"),
+      boost: 7
+    },
+    {
+      label: "OR existing filter",
+      apply: () => onSubmit("or"),
+      boost: 7
+    }
+  ] : [
+    {
+      label: "Press ENTER to submit",
+      apply: () => onSubmit(),
+      boost: 6
+    }
+  ];
+  return withJoinSuggestions ? result.concat(import_vuu_codemirror7.booleanJoinSuggestions).concat(import_vuu_codemirror7.asNameSuggestion) : result;
+};
+var promptToSaveOrExtend = (onSubmit, existingFilter) => makeSaveOrExtendSuggestions(onSubmit, existingFilter, true);
+var promptToSave = (onSubmit) => makeSaveOrExtendSuggestions(onSubmit, void 0);
+var getSaveSuggestions = ({
+  existingFilter,
+  filterName,
+  onSubmit,
+  saveOptions
+}) => {
+  const includeTabSuggestion = filterName && saveOptions.allowSaveAsTab;
+  const result = existingFilter ? promptToSaveOrExtend(onSubmit, existingFilter) : promptToSave(onSubmit);
+  if (includeTabSuggestion) {
+    return result.concat(saveAsTab(onSubmit));
+  } else {
+    return result;
+  }
+};
+var suggestColumns = (columns) => columns.map((column) => ({
+  boost: 5,
+  label: column.name
+}));
+var suggestNamedFilters = (namedFilters) => namedFilters ? Array.from(namedFilters.entries()).map(([filterName, filterQuery]) => ({
+  info: () => filterInfo(filterName, filterQuery),
+  label: filterName,
+  type: "filter"
+})) : NO_NAMED_FILTERS;
+var doneCommand = {
+  label: "Done",
+  apply: "] ",
+  type: "keyword",
+  boost: 10
+};
+var withApplySpace = (suggestions, startsWith = "") => suggestions.filter((sugg) => startsWith === "" || sugg.label.startsWith(startsWith)).map((suggestion) => ({
+  ...suggestion,
+  apply: suggestion.label + " "
+}));
+var defaultSaveOptions = {
+  allowReplace: true
+};
+var useFilterSuggestionProvider = ({
+  columns,
+  namedFilters,
+  saveOptions = defaultSaveOptions,
+  table
+}) => {
+  const latestSuggestionsRef = (0, import_react3.useRef)();
+  const getTypeaheadSuggestions = (0, import_vuu_data.useTypeaheadSuggestions)();
+  const getSuggestions = (0, import_react3.useCallback)(
+    async (suggestionType, options = NONE) => {
+      const {
+        columnName,
+        existingFilter,
+        filterName,
+        operator,
+        quoted: autoQuoted,
+        onSubmit,
+        startsWith,
+        selection
+      } = options;
+      switch (suggestionType) {
+        case "operator":
+          {
+            const column = columns.find((col) => col.name === columnName);
+            if (column) {
+              switch (column.serverDataType) {
+                case "string":
+                case "char":
+                  return withApplySpace(import_vuu_codemirror7.stringOperators, startsWith);
+                case "int":
+                case "long":
+                case "double":
+                  return withApplySpace(import_vuu_codemirror7.numericOperators);
+              }
+            } else {
+              console.warn(`'${columnName}' does not match any column name`);
+            }
+          }
+          break;
+        case "column": {
+          const columnSuggestions = await suggestColumns(columns);
+          const filterSuggestions = await suggestNamedFilters(namedFilters);
+          return (latestSuggestionsRef.current = withApplySpace(columnSuggestions)).concat(
+            withApplySpace(filterSuggestions)
+          );
+        }
+        case "columnValue":
+          {
+            if (columnName) {
+              const column = columns.find((col) => col.name === columnName);
+              if (!column) {
+                throw Error(
+                  `useFilterSUggestionProvider no column ${columnName}`
+                );
+              }
+              const prefix = Array.isArray(selection) ? selection.length === 0 ? "[" : "," : "";
+              const params = (0, import_vuu_data.getTypeaheadParams)(
+                table,
+                columnName,
+                startsWith
+              );
+              const suggestions = await getTypeaheadSuggestions(params);
+              const isIllustration = operator === "starts";
+              latestSuggestionsRef.current = (0, import_vuu_codemirror7.toSuggestions)(suggestions, {
+                moveCursorToEnd: autoQuoted,
+                quoted: (column == null ? void 0 : column.serverDataType) === "string" && !autoQuoted,
+                suffix: autoQuoted ? "" : " ",
+                prefix: isIllustration ? startsWith : prefix,
+                isIllustration
+              });
+              if (Array.isArray(selection) && (selection == null ? void 0 : selection.length) > 1) {
+                return [doneCommand, ...latestSuggestionsRef.current];
+              }
+              return latestSuggestionsRef.current;
+            }
+          }
+          break;
+        case "save": {
+          if (typeof onSubmit !== "function") {
+            throw Error(
+              "useFilterSuggestionProvider, onSubmit must be supplied for 'save' suggestions"
+            );
+          }
+          return await getSaveSuggestions({
+            existingFilter,
+            filterName,
+            onSubmit,
+            saveOptions
+          });
+        }
+        case "name":
+          return await (0, import_vuu_codemirror7.getNamePrompt)("filter");
+        default:
+      }
+      return [];
+    },
+    [columns, getTypeaheadSuggestions, namedFilters, saveOptions, table]
+  );
+  const isPartialMatch = (0, import_react3.useCallback)(
+    async (valueType, columnName, pattern) => {
+      const suggestions = (
+        // latestSuggestions && latestSuggestions.length > 0
+        //   ? 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)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    },
+    [getSuggestions]
+  );
+  return {
+    getSuggestions,
+    isPartialMatch
+  };
+};
+
+// src/filter-toolbar/FilterToolbar.tsx
+var import_salt_lab4 = require("@heswell/salt-lab");
+var import_classnames2 = __toESM(require_classnames(), 1);
+
+// src/filter-toolbar/useFilterToolbar.tsx
+var import_salt_lab3 = require("@heswell/salt-lab");
+
+// src/filter-toolbar/FilterDropdown.tsx
+var import_salt_lab = require("@heswell/salt-lab");
+var import_react4 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var isString = (s) => typeof s === "string";
+var stripQuotes = (selected) => {
+  if (isString(selected)) {
+    if (selected.startsWith('"') && selected.endsWith('"')) {
+      return selected.slice(1, -1);
+    } else {
+      return selected;
+    }
+  } else {
+    return selected.map(stripQuotes);
+  }
+};
+var FilterDropdown = ({
+  column,
+  selected: selectedProp,
+  suggestionProvider,
+  ...props
+}) => {
+  const selected = selectedProp != null ? stripQuotes(selectedProp) : void 0;
+  const initialValues = Array.isArray(selected) ? selected : selected != null ? [selected] : [];
+  const [values, setValues] = (0, import_react4.useState)(initialValues);
+  console.log({ initialValues });
+  const handleOpenChange = (0, import_react4.useCallback)(
+    async (isOpen) => {
+      if (isOpen) {
+        const values2 = await suggestionProvider.getSuggestions("columnValue", {
+          columnName: column
+        });
+        console.log({ values: values2 });
+        setValues(values2.map((suggestion) => suggestion.label));
+      }
+    },
+    [column, suggestionProvider]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_salt_lab.Dropdown,
+    {
+      ...props,
+      onOpenChange: handleOpenChange,
+      selected,
+      source: values
+    }
+  );
+};
+
+// src/filter-toolbar/FilterDropdownMultiSelect.tsx
+var import_salt_lab2 = require("@heswell/salt-lab");
+var import_react5 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var isString2 = (s) => typeof s === "string";
+var stripQuotes2 = (selected) => {
+  if (selected === void 0) {
+    return void 0;
+  } else if (isString2(selected)) {
+    if (selected.startsWith('"') && selected.endsWith('"')) {
+      return selected.slice(1, -1);
+    } else {
+      return selected;
+    }
+  } else {
+    return selected.map(stripQuotes2);
+  }
+};
+var FilterDropdownMultiSelect = ({
+  column,
+  selected: selectedProp,
+  suggestionProvider,
+  ...props
+}) => {
+  const selected = stripQuotes2(selectedProp);
+  const initialValues = Array.isArray(selected) ? selected : selected != null ? [selected] : [];
+  const [values, setValues] = (0, import_react5.useState)(initialValues);
+  const handleOpenChange = (0, import_react5.useCallback)(
+    async (isOpen) => {
+      if (isOpen) {
+        const values2 = await suggestionProvider.getSuggestions("columnValue", {
+          columnName: column
+        });
+        console.log({ values: values2 });
+        setValues(values2.map((suggestion) => suggestion.label));
+      }
+    },
+    [column, suggestionProvider]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_salt_lab2.Dropdown,
+    {
+      ...props,
+      onOpenChange: handleOpenChange,
+      selected,
+      selectionStrategy: "multiple",
+      source: values
+    }
+  );
+};
+
+// src/filter-toolbar/useFilterToolbar.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var filterToControl = (filter, suggestionProvider) => {
+  if (isNamedFilter(filter)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_salt_lab3.ToggleButton,
+      {
+        className: "vuuToggleButton",
+        toggled: true,
+        variant: "secondary",
+        children: filter.name
+      }
+    );
+  }
+  if (isSingleValueFilter2(filter)) {
+    const { column, value } = filter;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_salt_lab3.ToolbarField,
+      {
+        className: "vuuFilterDropdown",
+        label: column,
+        labelPlacement: "top",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          FilterDropdown,
+          {
+            column,
+            selected: value.toString(),
+            selectionStrategy: "default",
+            source: [value.toString()],
+            suggestionProvider,
+            style: { width: 100 }
+          }
+        )
+      },
+      column
+    );
+  }
+  if (isMultiValueFilter2(filter)) {
+    const values = filter.values.map((v) => v.toString());
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_salt_lab3.ToolbarField,
+      {
+        className: "vuuFilterDropdown",
+        label: filter.column,
+        labelPlacement: "top",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          FilterDropdownMultiSelect,
+          {
+            column: filter.column,
+            selected: values,
+            source: values,
+            suggestionProvider,
+            style: { width: 100 }
+          }
+        )
+      },
+      filter.column
+    );
+  }
+  return filter.filters.map(
+    (filter2) => filterToControl(filter2, suggestionProvider)
+  );
+};
+var useFilterToolbar = ({
+  filter,
+  suggestionProvider
+}) => {
+  if (filter) {
+    return filterToControl(filter, suggestionProvider);
+  }
+  return [];
+};
+
+// src/filter-toolbar/FilterToolbar.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var FilterToolbar = ({
+  className,
+  filter,
+  suggestionProvider,
+  ...props
+}) => {
+  console.log(`FilterToolbar ${JSON.stringify(filter, null, 2)}`);
+  const toolbarItems = useFilterToolbar({ filter, suggestionProvider });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_salt_lab4.Toolbar, { className: (0, import_classnames2.default)("vuuFilterToolbar", className), ...props, children: toolbarItems });
+};
+
+// src/filter-evaluation-utils.ts
+var filterPredicateMap = /* @__PURE__ */ new Map();
+var filterReject = () => false;
+var getFilterPredicate = (columnMap, filterQuery) => {
+  let predicate = filterPredicateMap.get(filterQuery);
+  if (predicate) {
+    return predicate;
+  }
+  try {
+    const filter = parseFilter(filterQuery);
+    predicate = filterPredicate(columnMap, filter);
+    filterPredicateMap.set(filterQuery, predicate);
+    return predicate;
+  } catch (err) {
+    console.warn(
+      `filter-evaluation-utils, failed to parse filter "${filterQuery}"`
+    );
+    return filterReject;
+  }
+};
+function filterPredicate(columnMap, filter) {
+  switch (filter.op) {
+    case "in":
+      return testInclude(columnMap, filter);
+    case "=":
+      return testEQ(columnMap, filter);
+    case ">":
+      return testGT(columnMap, filter);
+    case ">=":
+      return testGE(columnMap, filter);
+    case "<":
+      return testLT(columnMap, filter);
+    case "<=":
+      return testLE(columnMap, filter);
+    case "starts":
+      return testSW(columnMap, filter);
+    case "and":
+      return testAND(columnMap, filter);
+    case "or":
+      return testOR(columnMap, filter);
+    default:
+      console.log(`unrecognized filter type ${filter.op}`);
+      return () => true;
+  }
+}
+var testInclude = (columnMap, filter) => {
+  return (row) => filter.values.indexOf(row[columnMap[filter.column]]) !== -1;
+};
+var testEQ = (columnMap, filter) => {
+  return (row) => row[columnMap[filter.column]] === filter.value;
+};
+var testGT = (columnMap, filter) => {
+  return (row) => row[columnMap[filter.column]] > filter.value;
+};
+var testGE = (columnMap, filter) => {
+  return (row) => row[columnMap[filter.column]] >= filter.value;
+};
+var testLT = (columnMap, filter) => {
+  return (row) => row[columnMap[filter.column]] < filter.value;
+};
+var testLE = (columnMap, filter) => {
+  return (row) => row[columnMap[filter.column]] <= filter.value;
+};
+var testSW = (columnMap, filter) => {
+  const filterValue2 = filter.value;
+  if (typeof filterValue2 !== "string") {
+    throw Error("string filter applied to value of wrong type");
+  }
+  return (row) => {
+    const rowValue = row[columnMap[filter.column]];
+    if (typeof rowValue !== "string") {
+      throw Error("string filter applied to value of wrong type");
+    }
+    return rowValue.toLowerCase().startsWith(filterValue2.toLowerCase());
+  };
+};
+var testAND = (columnMap, filter) => {
+  const filters = filter.filters.map((f1) => filterPredicate(columnMap, f1));
+  return (row) => filters.every((fn) => fn(row));
+};
+function testOR(columnMap, filter) {
+  const filters = filter.filters.map((f1) => filterPredicate(columnMap, f1));
+  return (row) => filters.some((fn) => fn(row));
+}
+
+// src/filter-utils.ts
+var import_vuu_utils3 = require("@vuu-ui/vuu-utils");
+
+// src/filterTypes.ts
+var singleValueFilterOps = /* @__PURE__ */ new Set([
+  "=",
+  "!=",
+  ">",
+  ">=",
+  "<",
+  "<=",
+  "starts",
+  "ends"
+]);
+var isNamedFilter = (f) => f !== void 0 && f.name !== void 0;
+var isSingleValueFilter2 = (f) => f !== void 0 && singleValueFilterOps.has(f.op);
+var isFilterClause = (f) => f !== void 0 && (isSingleValueFilter2(f) || isMultiValueFilter2(f));
+var isMultiValueFilter2 = (f) => f !== void 0 && f.op === "in";
+var isInFilter = (f) => f.op === "in";
+var isAndFilter = (f) => f.op === "and";
+var isOrFilter = (f) => f.op === "or";
+function isMultiClauseFilter2(f) {
+  return f !== void 0 && (f.op === "and" || f.op === "or");
+}
+
+// src/filter-utils.ts
+var AND = "and";
+var EQUALS = "=";
+var GREATER_THAN = ">";
+var LESS_THAN = "<";
+var OR = "or";
+var STARTS_WITH = "starts";
+var ENDS_WITH = "ends";
+var IN = "in";
+var filterClauses = (filter, clauses = []) => {
+  if (filter) {
+    if (isMultiClauseFilter2(filter)) {
+      filter.filters.forEach((f) => clauses.push(...filterClauses(f)));
+    } else {
+      clauses.push(filter);
+    }
+  }
+  return clauses;
+};
+var DEFAULT_ADD_FILTER_OPTS = {
+  combineWith: "and"
+};
+var addFilter = (existingFilter, filter, { combineWith = AND } = DEFAULT_ADD_FILTER_OPTS) => {
+  var _a;
+  if (includesNoValues(filter)) {
+    if (isMultiClauseFilter2(filter)) {
+    } else {
+      existingFilter = removeFilterForColumn(existingFilter, {
+        name: filter.column
+      });
+    }
+  } else if (includesAllValues(filter)) {
+    if (isMultiClauseFilter2(filter)) {
+    }
+    return removeFilterForColumn(existingFilter, { name: (_a = filter.column) != null ? _a : "" });
+  }
+  if (!existingFilter) {
+    return filter;
+  }
+  if (!filter) {
+    return existingFilter;
+  }
+  if (existingFilter.op === AND && filter.op === AND) {
+    return {
+      op: AND,
+      filters: combine(existingFilter.filters, filter.filters)
+    };
+  }
+  if (existingFilter.op === AND) {
+    const filters = replaceOrInsert(existingFilter.filters, filter);
+    return filters.length > 1 ? { op: AND, filters } : filters[0];
+  }
+  if (filter.op === AND) {
+    return { op: AND, filters: filter.filters.concat(existingFilter) };
+  }
+  if (filterEquals(existingFilter, filter, true)) {
+    return filter;
+  }
+  if (canMerge(existingFilter, filter)) {
+    return merge(existingFilter, filter);
+  }
+  return { op: combineWith, filters: [existingFilter, filter] };
+};
+var includesNoValues = (filter) => {
+  if (!filter) {
+    return false;
+  }
+  if (isInFilter(filter) && filter.values.length === 0) {
+    return true;
+  }
+  return isAndFilter(filter) && filter.filters.some((f) => includesNoValues(f));
+};
+var filterValue = (value) => typeof value === "string" ? `"${value}"` : value;
+var filterAsQuery = (f) => {
+  if (isMultiClauseFilter2(f)) {
+    return f.filters.map((filter) => filterAsQuery(filter)).join(` ${f.op} `);
+  } else if (isMultiValueFilter2(f)) {
+    return `${f.column} ${f.op} [${f.values.join(",")}]`;
+  } else {
+    return `${f.column} ${f.op} ${filterValue(f.value)}`;
+  }
+};
+var includesAllValues = (filter) => {
+  if (!filter) {
+    return false;
+  }
+  if (filter.op === STARTS_WITH && filter.value === "") {
+    return true;
+  }
+  return filter.op === STARTS_WITH && filter.value === "";
+};
+var replaceOrInsert = (filters, filter) => {
+  return filters.concat(filter);
+};
+var merge = (f1, f2) => {
+  if (includesNoValues(f2)) {
+    return f2;
+  }
+  if (isInFilter(f1) && isInFilter(f2)) {
+    return {
+      ...f1,
+      values: [
+        ...f1.values,
+        ...f2.values.filter(
+          (v) => !f1.values.includes(v)
+        )
+      ]
+    };
+  } else if (isInFilter(f1) && f2.op === EQUALS) {
+    return {
+      ...f1,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      values: f1.values.concat([f2.value])
+    };
+  } else if (f1.op === EQUALS && f2.op === EQUALS) {
+    return {
+      column: f1.column,
+      op: IN,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      values: [f1.value, f2.value]
+    };
+  }
+  return f2;
+};
+var combine = (existingFilters, replacementFilters) => {
+  const equivalentType = ({ op: t1 }, { op: t2 }) => {
+    return t1 === t2 || t1[0] === t2[0];
+  };
+  const replaces = (existingFilter, replacementFilter) => {
+    return existingFilter.column === replacementFilter.column && equivalentType(existingFilter, replacementFilter);
+  };
+  const stillApplicable = (existingFilter) => replacementFilters.some(
+    (replacementFilter) => replaces(existingFilter, replacementFilter)
+  ) === false;
+  return existingFilters.filter(stillApplicable).concat(replacementFilters);
+};
+var removeColumnFromFilter = (column, filter) => {
+  if (isMultiClauseFilter2(filter)) {
+    const [clause1, clause2] = filter.filters;
+    if (clause1.column === column.name) {
+      return [clause2, filterAsQuery(clause2)];
+    }
+    if (clause2.column === column.name) {
+      return [clause1, filterAsQuery(clause1)];
+    }
+  }
+  return [void 0, ""];
+};
+var removeFilter = (sourceFilter, filterToRemove) => {
+  if (filterEquals(sourceFilter, filterToRemove, true)) {
+    return null;
+  }
+  if (sourceFilter.op !== AND) {
+    throw Error(
+      `removeFilter cannot remove ${JSON.stringify(
+        filterToRemove
+      )} from ${JSON.stringify(sourceFilter)}`
+    );
+  }
+  const filters = sourceFilter.filters.filter(
+    (f) => !filterEquals(f, filterToRemove)
+  );
+  return filters.length > 0 ? { type: AND, filters } : null;
+};
+var splitFilterOnColumn = (filter, columnName) => {
+  if (!filter) {
+    return [null, null];
+  }
+  if (filter.column === columnName) {
+    return [filter, null];
+  }
+  if (filter.op !== AND) {
+    return [null, filter];
+  }
+  const [[columnFilter = null], filters] = (0, import_vuu_utils3.partition)(
+    filter.filters,
+    (f) => f.column === columnName
+  );
+  return filters.length === 1 ? [columnFilter, filters[0]] : [columnFilter, { op: AND, filters }];
+};
+var overrideColName = (filter, column) => {
+  if (isMultiClauseFilter2(filter)) {
+    return {
+      op: filter.op,
+      filters: filter.filters.map((f) => overrideColName(f, column))
+    };
+  }
+  return { ...filter, column };
+};
+var filterIncludesColumn = (filter, column) => {
+  if (!filter) {
+    return false;
+  }
+  const { op, column: filterColName } = filter;
+  switch (op) {
+    case AND:
+    case OR:
+      return filter.filters != null && filter.filters.some((f) => filterIncludesColumn(f, column));
+    default:
+      return filterColName === column.name;
+  }
+};
+var removeFilterForColumn = (sourceFilter, column) => {
+  const colName = column.name;
+  if (!sourceFilter) {
+    return void 0;
+  }
+  if (sourceFilter.column === colName) {
+    return void 0;
+  }
+  if (isAndFilter(sourceFilter) || isOrFilter(sourceFilter)) {
+    const { op } = sourceFilter;
+    const filters = sourceFilter.filters;
+    const otherColFilters = filters.filter((f) => f.column !== colName);
+    switch (otherColFilters.length) {
+      case 0:
+        return void 0;
+      case 1:
+        return otherColFilters[0];
+      default:
+        return { op, filters: otherColFilters };
+    }
+  }
+  return sourceFilter;
+};
+var canMerge = (f1, f2) => f1.column === f2.column && (f1.op === "=" || f1.op === "in") && (f2.op === "=" || f2.op === "in");
+var sameValues = (arr1, arr2) => {
+  if (arr1 === arr2) {
+    return true;
+  }
+  if (arr1.length === arr2.length) {
+    const a = arr1.slice().sort();
+    const b = arr2.slice().sort();
+    return a.join("|") === b.join("|");
+  }
+  return false;
+};
+var filterEquals = (f1, f2, strict = false) => {
+  if (!strict) {
+    return true;
+  }
+  if (f1 && f2 && canMerge(f1, f2)) {
+    return f1.op === f2.op && (isSingleValueFilter2(f1) && isSingleValueFilter2(f2) && f1.value === f2.value || isMultiValueFilter2(f1) && isMultiValueFilter2(f2) && sameValues(f1.values, f2.values));
+  }
+  return false;
+};
+var updateFilter = (filter, newFilter, mode) => {
+  if (filter && newFilter) {
+    if (mode === "replace") {
+      return newFilter;
+    }
+    if (filter.op === "and") {
+      return {
+        ...filter,
+        filters: filter.filters.concat(newFilter)
+      };
+    }
+    const { column: columnName } = newFilter;
+    if (columnName) {
+      const existingClause = newFilter.column ? (0, import_vuu_utils3.extractFilterForColumn)(filter, columnName) : void 0;
+      if (existingClause && columnName) {
+        const result = removeFilterForColumn(filter, { name: columnName });
+        return updateFilter(result, newFilter, "add");
+      }
+    }
+    return {
+      op: "and",
+      filters: [filter, newFilter]
+    };
+  }
+  if (newFilter) {
+    return newFilter;
+  }
+  return filter;
+};
 /*! Bundled license information:
 
 classnames/index.js: