@zydon/common 2.7.35 → 2.7.36

package/dist/components/FieldMentions/index.d.ts

@@ -11,7 +11,6 @@ interface FieldMentionsBaseProps<T extends BaseSuggestionData> {
     onChange?: (newValue: string, newPlainText: string, mentions: MentionData[]) => void;
     dataSources: SuggestionDataSource<T>[];
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
-    highlightTextColor?: boolean;
     slotProps?: {
         suggestionsOverlay?: SuggestionOverlaySlotProps;
     };

package/dist/components/FieldMentions/index.js

@@ -1,19 +1,19 @@
 import { a as a$1 } from '../../chunk-WIPXRHSG.js';
 import { b, c, a } from '../../chunk-4LP75UX2.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import Ye from '@mui/material/TextField';
+import We from '@mui/material/TextField';
 import A from '@mui/material/Box';
-import Be from '@mui/material/Portal';
+import $e from '@mui/material/Portal';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Q from 'invariant';
-import Ke from '@mui/material/CircularProgress';
-import Qe from '@mui/material/List';
-import ze from '@mui/material/Paper';
-import Ge from '@mui/material/Popper';
-import Je from '@mui/material/Stack';
-import Ae from '@mui/material/ListItemButton';
+import Ve from '@mui/material/CircularProgress';
+import Ue from '@mui/material/List';
+import Ke from '@mui/material/Paper';
+import Qe from '@mui/material/Popper';
+import ze from '@mui/material/Stack';
+import _e from '@mui/material/ListItemButton';
 
-var we=({display:e,color:t,backgroundColor:n,highlightTextColor:o})=>jsxs(A,{component:"span",sx:{position:"relative",color:o&&t?t:"transparent",...o&&n&&{bgcolor:n}},children:[e,!o&&n&&jsx(A,{component:"span",sx:{position:"absolute",left:"-1px",top:"-2px",bottom:0,right:"-1px",borderRadius:"3px",color:"transparent"}})]}),ue=we;function z(e){return typeof e=="number"}function Ce(e){let t=/^\/(.+)\/(\w+)?$/;return new RegExp(e.map(n=>{let[,o,r]=t.exec(n.toString())||[];return Q(!r,`RegExp flags are not supported. Change /${o}/${r} into /${o}/`),`(${o})`}).join("|"),"g")}function pe(e){let t=0;return e.indexOf("__id__")>=0&&t++,e.indexOf("__display__")>=0&&t++,t}function ce(e,t){Q(t==="id"||t==="display",`Second arg must be either "id" or "display", got: "${t}"`);let n=e.indexOf("__display__"),o=e.indexOf("__id__");return Q(n>=0||o>=0,`The markup '${e}' does not contain at least one of the placeholders '__id__' or '__display__'`),n>=0&&o>=0?t==="id"&&o<=n||t==="display"&&n<=o?0:1:0}function H(e,t,n,o,r){let u=Ce(t.map(a=>a.regex?ve(a.regex,a.markup||b):ke(a.markup||b))),d=2,c$1=t.map(({markup:a})=>{let f=d;return d+=pe(a||b)+1,f}),i,l=0,g=0;for(;(i=u.exec(e))!==null;){let a=c$1.find(k=>!!i?.[k]);if(a===void 0)continue;let f=c$1.indexOf(a),{markup:x,displayTransform:p}=t[f],m=a+ce(x||b,"id"),M=a+ce(x||b,"display"),D=i[m],T=p?p(D,i[M]):c(D,i[M],r),R=e.substring(l,i.index);o?.(R,l,g),g+=R.length,n(i[0],i.index,g,D,T,f,l),g+=T.length,l=u.lastIndex;}l<e.length&&o?.(e.substring(l),l,g);}function $(e,t,n){let o="";return H(e,t,(r,u,d,c,i)=>{o+=i;},r=>{o+=r;},n),o}var ve=(e,t)=>{let n=(new RegExp(e.toString()+"|").exec("")?.length||0)-1,o=pe(t);return Q(n===o,`Number of capturing groups in RegExp ${e.toString()} (${n}) does not match the number of placeholders in the markup '${t}' (${o})`),e},ke=e=>{let t=K(e),n=e[e.indexOf("__display__")+11],o=e[e.indexOf("__id__")+6];return new RegExp(t.replace("__display__",`([^${K(n||"")}]+?)`).replace("__id__",`([^${K(o||"")}]+?)`))},K=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");function de(e,t,n,o,r,u,d){let c=$(e,u,d),i=c.length-t.length;n===null&&(n=r+i),o===null&&(o=n),n===o&&o===r&&c.length===t.length&&(n=n-1);let l=t.slice(n,r),g=Math.min(n,r),a=o;n===r&&(a=Math.max(o,n+i));let f=L(e,u,g,"START"),x=L(e,u,a,"END"),p=L(e,u,g,"NULL"),m=L(e,u,a,"NULL"),M=p===null||m===null,D=V(e,f||0,x||0,l);if(!M){let T=$(D,u,d);if(T!==t){for(g=0;t[g]===T[g];)g++;l=t.slice(g,r),a=c.lastIndexOf(t.substring(r)),f=L(e,u,g,"START"),x=L(e,u,a,"END"),D=V(e,f||0,x||0,l);}}return D}function L(e,t,n,o="START"){if(typeof n!="number")return n;let r;return H(e,t,(c,i,l,g,a)=>{r===void 0&&l+a.length>n&&(o==="NULL"?r=null:r=i+(o==="END"?c.length:0));},(c,i,l)=>{r===void 0&&l+c.length>=n&&(r=i+n-l);}),r===void 0?e.length:r}function V(e,t,n,o){return e.substring(0,t)+o+e.substring(n)}function fe(e,t,n){let o;return H(e,t,(u,d,c,i,l)=>{c<=n&&c+l.length>n&&(o=c);}),o}function G(e,t){let n=[];return H(e,t,(o,r,u,d,c,i)=>{n.push({id:d,display:c,dataSourceIndex:i,index:r,plainTextIndex:u});}),n}function me(e){return Object.values(e).reduce((t,{results:n})=>t+n.length,0)}function he(e,t){let n=G(e,t),o=n[n.length-1];return o?o.plainTextIndex+o.display.length:0}function Se(e,t){if(e instanceof RegExp)return e;{let n=K(e);return new RegExp(`(?:^|\\s)(${n}([^${t?"":"\\s"}${n}]*))$`)}}function xe(e,t){return e instanceof Array?async function(n){let o=[];for(let r=0,u=e.length;r<u;++r){let d=e[r].display||e[r].id;Oe(d,n,t)>=0&&o.push(e[r]);}return o}:e}var Oe=(e,t,n)=>n?ge(e).indexOf(ge(t)):e.toLowerCase().indexOf(t.toLowerCase()),$e=e=>{let t=e;return a$1.forEach(n=>{t=t.replace(n.letters,n.base);}),t},ge=e=>$e(e).toLowerCase(),Te=(e,t,n)=>e.replace("__id__",t).replace("__display__",n||t);function Fe(e){let t={x:0,y:0,width:0,height:0};if(!e)return t;let n=getComputedStyle(e);return t.width=e.clientWidth,t.width-=parseFloat(n.paddingLeft),t.width-=parseFloat(n.paddingRight),t.height=e.clientHeight,t.height-=parseFloat(n.paddingTop),t.height-=parseFloat(n.paddingBottom),t.x=e.offsetLeft,t.x+=parseFloat(n.paddingLeft),t.x+=parseFloat(n.borderLeft),t.y=e.offsetTop,t.y+=parseFloat(n.paddingTop),t.y+=parseFloat(n.borderTop),t}var _e=e=>{let{highlighterRef:t,cursorRef:n,selectionEnd:o,selectionStart:r,value:u,dataSources:d,multiline:c,highlightTextColor:i}=e,l=[];H(u,d,(x,p,m,M,D,T)=>{let R=d[T];l.push(jsx(ue,{display:D,color:R?.color,backgroundColor:R?.backgroundColor,highlightTextColor:i},`${M}-${p}`));},(x,p,m)=>{if(c||(x=x.replaceAll(`
-`,"")),!(r&&r===o&&r>=m&&r<=m+x.length))l.push(jsx(A,{component:"span",visibility:i?"visible":"hidden",children:x},`${p}-${m}`));else {let D=r-m,T=x.substring(0,D),R=x.substring(D);T&&l.push(jsx(A,{component:"span",visibility:i?"visible":"hidden",children:T},`${p}-${m}-precursor`)),l.push(jsx(A,{ref:n,component:"span",visibility:"hidden"},"cursor")),R&&l.push(jsx(A,{component:"span",visibility:i?"visible":"hidden",children:R},`${p}-${m}-postcursor`));}},c);let f=Fe(e.inputRef);return jsx(Be,{container:()=>e.inputRef?.parentElement||null,children:jsxs(A,{ref:t,sx:{position:"absolute",top:`${f.y}px`,left:`${f.x}px`,width:`${f.width}px`,height:`${f.height}px`,whiteSpace:c?"pre-wrap":"pre",overflow:"hidden",overscrollBehavior:"none",zIndex:i?1:-1,pointerEvents:"none"},children:[l,jsx(A,{component:"span",visibility:"hidden",children:" "})]})})},be=_e;var Ne=e=>{let{renderSuggestion:t,suggestion:n,focused:o,onClick:r,onMouseEnter:u}=e;if(t)return t(e);let d=c(n.id,n.display);return jsx(Ae,{role:"option","aria-selected":o,selected:o,onClick:r,onMouseEnter:u,children:d})},ye=Ne;var Xe=e=>{let{value:t,dataSources:n,selectionStart:o,selectionEnd:r,cursorRef:u,onSelect:d,onMouseDown:c}=e,i=useRef(null),[l,g]=useState({}),[a$1,f]=useState(0),[x,p]=useState(!1),[m,M]=useState(!1);useEffect(()=>{let h=i.current;if(!x||!h||h.children.length===0)return;let y=h.scrollTop,{top:s,bottom:S}=h.children[a$1].getBoundingClientRect(),{top:b}=h.getBoundingClientRect();s=s-b+y,S=S-b+y,s<y?h.scrollTop=s:S>h.offsetHeight+y&&(h.scrollTop=S-h.offsetHeight),p(!1);},[x,i,a$1,p]);let D=useCallback(async(h,y,s,S,b,P)=>{try{let w=xe(h.data,h.ignoreAccents);M(!0);let I=await w(y);g(E=>({...E,[s]:{queryInfo:{childIndex:s,query:y,querySequenceStart:S,querySequenceEnd:b,plainTextValue:P},results:I}}));}catch(w){console.error(w);}finally{M(!1);}},[]),T=useRef(n);useEffect(()=>{T.current=n;},[n]),useEffect(()=>{if(g({}),!o||o!==r)return;let h=T.current,y=$(t,h),s=L(y,h,o,"NULL");if(!s)return;let S=he(y.substring(0,s),h),b=y.substring(S,o);h.forEach((P,w)=>{if(!P)return;let I=Se(P.trigger||a,P.allowSpaceInQuery),E=b.match(I);if(E){let C=S+b.indexOf(E[1],E.index);D(P,E[2],w,C,C+E[1].length,y);}});},[o,r,t,D]);let R=useCallback(()=>{g({}),f(0);},[g,f]),k=useCallback((h,y)=>{d(h,y),R();},[d,R]),U=useCallback(h=>{f(h);},[f]),N=useMemo(()=>Object.values(l).reduce((h,{results:y,queryInfo:s})=>[...h,...y.map((S,b)=>jsx(ye,{id:S.id,query:s.query,index:b,suggestion:S,focused:b===a$1,onClick:()=>k(S,s),onMouseEnter:()=>U(b)},S.id))],[]),[l,k,U,a$1]);return o===null||o!==r||!m&&N.length===0?null:jsxs(Fragment,{children:[jsx(je,{suggestions:l,clearSuggestions:R,onSelect:k,focusIndex:a$1,setFocusIndex:f,setScrollFocusedIntoView:p,loading:m}),jsx(Ge,{placement:"bottom-start",...e.slotProps?.popper,sx:{zIndex:2,...e.slotProps?.popper?.sx},open:!0,anchorEl:u.current,children:jsx(ze,{elevation:8,onMouseDown:c,children:jsx(Qe,{ref:i,sx:{width:"300px",maxHeight:"40vh",overflow:"auto"},children:N.length>0?N:m&&jsx(Je,{justifyContent:"center",alignItems:"center",height:"40vh",children:jsx(Ke,{})})})})})]})},Me=Xe;var je=e=>{let{suggestions:t,clearSuggestions:n,focusIndex:o,setFocusIndex:r,setScrollFocusedIntoView:u,onSelect:d,loading:c}=e;return useEffect(()=>{let i=a=>{if(c)return;let f=me(t);r((f+o+a)%f),u(!0);},l=()=>{if(c)return;let{result:a,queryInfo:f}=Object.values(t).reduce((x,{results:p,queryInfo:m})=>[...x,...p.map(M=>({result:M,queryInfo:m}))],[])[o];d(a,f);},g=a=>{switch(a.key){case"Escape":{n();break}case"ArrowDown":{i(1);break}case"ArrowUp":{i(-1);break}case"Enter":case"Tab":{l();break}default:return}a.preventDefault(),a.stopPropagation();};return document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g)},[t,n,o,r,d,u,c]),null};var Ze=e=>{let[t,n]=useState(e.defaultValue||""),[o,r]=useState(null),u=useRef(null),d=useRef(null),c$1=useRef(!1),[i,l]=useState(null),[g,a]=useState(null),f=s=>{r(s),m&&(typeof m=="function"?m(s):m&&"current"in m&&typeof m!="function"&&(m.current=s));};useEffect(()=>{let s=o,S=()=>{!u.current||!s||(u.current.scrollLeft=s.scrollLeft,u.current.scrollTop=s.scrollTop);};return s?.addEventListener("scroll",S),()=>s?.removeEventListener("scroll",S)},[o,u]),useEffect(()=>{let s=o;!s||s.selectionStart===i&&s.selectionEnd===g||s.setSelectionRange(i,g);},[i,g,o]);let{value:x,dataSources:p,inputRef:m,highlightTextColor:M,...D}=e,T=x!==void 0?x:t,R=()=>{c$1.current||(l(null),a(null)),c$1.current=!1;},k=()=>{c$1.current=!0;},U=(s,{childIndex:S,querySequenceStart:b$1,querySequenceEnd:P,plainTextValue:w})=>{let I=p[S],{markup:E,displayTransform:C,appendSpaceOnAdd:q,onAdd:te}=I,O=L(T,p,b$1,"START");if(!z(O))return;let ne=O+P-b$1,oe=Te(E||b,s.id,s.display),Y=(C||c)(s.id,s.display);q&&(oe+=" ",Y+=" ");let re=b$1+Y.length;l(re),a(re);let se=V(T,O,ne,oe),Ee=G(se,p),Pe=V(w,b$1,P,Y);(e.onChange||n)(se,Pe,Ee),te?.(s,O,ne);},N=s=>{let S=s.target.value,b=i;z(b)||(b=s.target.selectionStart);let P=g;z(P)||(P=s.target.selectionEnd);let w=de(T,S,b,P,s.target.selectionEnd||0,p,e.multiline);S=$(w,p);let I=s.target.selectionStart,E=s.target.selectionEnd,C=fe(T,p,s.target.selectionStart||0);if(C!==void 0&&E!==null&&E>C){let O=s.nativeEvent.data;I=C+(O?O.length:0),E=I;}l(I),a(E);let q=G(w,p);(e.onChange||n)(w,S,q);},h=s=>{l(s.target.selectionStart),a(s.target.selectionEnd),e.onSelect?.(s);},y={...D,value:$(T,p,e.multiline),onChange:N,onSelect:h,onBlur:R,InputProps:{sx:{overscrollBehavior:"none",color:M?void 0:"transparent",caretColor:M?void 0:s=>s.palette.text.primary}}};return jsxs(Fragment,{children:[jsx(be,{highlighterRef:u,cursorRef:d,selectionStart:i,selectionEnd:g,value:T,dataSources:p,inputRef:o,multiline:y.multiline,highlightTextColor:M}),jsx(Ye,{inputRef:f,...y}),jsx(Me,{value:T,dataSources:p,selectionStart:i,selectionEnd:g,cursorRef:d,loading:!1,onSelect:U,onMouseDown:k,slotProps:e.slotProps?.suggestionsOverlay})]})},nn=Ze;
+var Pe=({display:e,color:t,backgroundColor:n})=>jsx(A,{component:"span",sx:{color:t||"inherit",bgcolor:n},children:e}),ae=Pe;function z(e){return typeof e=="number"}function Le(e){let t=/^\/(.+)\/(\w+)?$/;return new RegExp(e.map(n=>{let[,o,s]=t.exec(n.toString())||[];return Q(!s,`RegExp flags are not supported. Change /${o}/${s} into /${o}/`),`(${o})`}).join("|"),"g")}function ce(e){let t=0;return e.indexOf("__id__")>=0&&t++,e.indexOf("__display__")>=0&&t++,t}function le(e,t){Q(t==="id"||t==="display",`Second arg must be either "id" or "display", got: "${t}"`);let n=e.indexOf("__display__"),o=e.indexOf("__id__");return Q(n>=0||o>=0,`The markup '${e}' does not contain at least one of the placeholders '__id__' or '__display__'`),n>=0&&o>=0?t==="id"&&o<=n||t==="display"&&n<=o?0:1:0}function H(e,t,n,o,s){let l=Le(t.map(i=>i.regex?Ie(i.regex,i.markup||b):ke(i.markup||b))),f=2,u=t.map(({markup:i})=>{let p=f;return f+=ce(i||b)+1,p}),a,g=0,c$1=0;for(;(a=l.exec(e))!==null;){let i=u.find(C=>!!a?.[C]);if(i===void 0)continue;let p=u.indexOf(i),{markup:T,displayTransform:d}=t[p],b$1=i+le(T||b,"id"),y=i+le(T||b,"display"),h=a[b$1],M=d?d(h,a[y]):c(h,a[y],s),E=e.substring(g,a.index);o?.(E,g,c$1),c$1+=E.length,n(a[0],a.index,c$1,h,M,p,g),c$1+=M.length,g=l.lastIndex;}g<e.length&&o?.(e.substring(g),g,c$1);}function $(e,t,n){let o="";return H(e,t,(s,l,f,u,a)=>{o+=a;},s=>{o+=s;},n),o}var Ie=(e,t)=>{let n=(new RegExp(e.toString()+"|").exec("")?.length||0)-1,o=ce(t);return Q(n===o,`Number of capturing groups in RegExp ${e.toString()} (${n}) does not match the number of placeholders in the markup '${t}' (${o})`),e},ke=e=>{let t=K(e),n=e[e.indexOf("__display__")+11],o=e[e.indexOf("__id__")+6];return new RegExp(t.replace("__display__",`([^${K(n||"")}]+?)`).replace("__id__",`([^${K(o||"")}]+?)`))},K=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");function ge(e,t,n,o,s,l,f){let u=$(e,l,f),a=u.length-t.length;n===null&&(n=s+a),o===null&&(o=n),n===o&&o===s&&u.length===t.length&&(n=n-1);let g=t.slice(n,s),c=Math.min(n,s),i=o;n===s&&(i=Math.max(o,n+a));let p=I(e,l,c,"START"),T=I(e,l,i,"END"),d=I(e,l,c,"NULL"),b=I(e,l,i,"NULL"),y=d===null||b===null,h=V(e,p||0,T||0,g);if(!y){let M=$(h,l,f);if(M!==t){for(c=0;t[c]===M[c];)c++;g=t.slice(c,s),i=u.lastIndexOf(t.substring(s)),p=I(e,l,c,"START"),T=I(e,l,i,"END"),h=V(e,p||0,T||0,g);}}return h}function I(e,t,n,o="START"){if(typeof n!="number")return n;let s;return H(e,t,(u,a,g,c,i)=>{s===void 0&&g+i.length>n&&(o==="NULL"?s=null:s=a+(o==="END"?u.length:0));},(u,a,g)=>{s===void 0&&g+u.length>=n&&(s=a+n-g);}),s===void 0?e.length:s}function V(e,t,n,o){return e.substring(0,t)+o+e.substring(n)}function pe(e,t,n){let o;return H(e,t,(l,f,u,a,g)=>{u<=n&&u+g.length>n&&(o=u);}),o}function G(e,t){let n=[];return H(e,t,(o,s,l,f,u,a)=>{n.push({id:f,display:u,dataSourceIndex:a,index:s,plainTextIndex:l});}),n}function de(e){return Object.values(e).reduce((t,{results:n})=>t+n.length,0)}function fe(e,t){let n=G(e,t),o=n[n.length-1];return o?o.plainTextIndex+o.display.length:0}function me(e,t){if(e instanceof RegExp)return e;{let n=K(e);return new RegExp(`(?:^|\\s)(${n}([^${t?"":"\\s"}${n}]*))$`)}}function he(e,t){return e instanceof Array?async function(n){let o=[];for(let s=0,l=e.length;s<l;++s){let f=e[s].display||e[s].id;Ce(f,n,t)>=0&&o.push(e[s]);}return o}:e}var Ce=(e,t,n)=>n?ue(e).indexOf(ue(t)):e.toLowerCase().indexOf(t.toLowerCase()),Oe=e=>{let t=e;return a$1.forEach(n=>{t=t.replace(n.letters,n.base);}),t},ue=e=>Oe(e).toLowerCase(),Se=(e,t,n)=>e.replace("__id__",t).replace("__display__",n||t);function ve(e){let t={x:0,y:0,width:0,height:0};if(!e)return t;let n=getComputedStyle(e);return t.width=e.clientWidth,t.width-=parseFloat(n.paddingLeft),t.width-=parseFloat(n.paddingRight),t.height=e.clientHeight,t.height-=parseFloat(n.paddingTop),t.height-=parseFloat(n.paddingBottom),t.x=e.offsetLeft,t.x+=parseFloat(n.paddingLeft),t.x+=parseFloat(n.borderLeft),t.y=e.offsetTop,t.y+=parseFloat(n.paddingTop),t.y+=parseFloat(n.borderTop),t}var Be=e=>{let{highlighterRef:t,cursorRef:n,selectionEnd:o,selectionStart:s,value:l,dataSources:f,multiline:u}=e,a=[];H(l,f,(p,T,d,b,y,h)=>{let M=f[h];a.push(jsx(ae,{display:y,color:M?.color,backgroundColor:M?.backgroundColor},`${b}-${T}`));},(p,T,d)=>{if(u||(p=p.replaceAll(`
+`,"")),!(s&&s===o&&s>=d&&s<=d+p.length))a.push(jsx(A,{component:"span",sx:{color:y=>y.palette.text.primary},children:p},`${T}-${d}`));else {let y=s-d,h=p.substring(0,y),M=p.substring(y);h&&a.push(jsx(A,{component:"span",sx:{color:E=>E.palette.text.primary},children:h},`${T}-${d}-precursor`)),a.push(jsx(A,{ref:n,component:"span",visibility:"hidden"},"cursor")),M&&a.push(jsx(A,{component:"span",sx:{color:E=>E.palette.text.primary},children:M},`${T}-${d}-postcursor`));}},u);let i=ve(e.inputRef);return jsx($e,{container:()=>e.inputRef?.parentElement||null,children:jsxs(A,{ref:t,sx:{position:"absolute",top:`${i.y}px`,left:`${i.x}px`,width:`${i.width}px`,height:`${i.height}px`,whiteSpace:u?"pre-wrap":"pre",overflow:"hidden",overscrollBehavior:"none",zIndex:1,pointerEvents:"none"},children:[a,jsx(A,{component:"span",visibility:"hidden",children:" "})]})})},xe=Be;var He=e=>{let{renderSuggestion:t,suggestion:n,focused:o,onClick:s,onMouseEnter:l}=e;if(t)return t(e);let f=c(n.id,n.display);return jsx(_e,{role:"option","aria-selected":o,selected:o,onClick:s,onMouseEnter:l,children:f})},Te=He;var Ge=e=>{let{value:t,dataSources:n,selectionStart:o,selectionEnd:s,cursorRef:l,onSelect:f,onMouseDown:u}=e,a$1=useRef(null),[g,c]=useState({}),[i,p]=useState(0),[T,d]=useState(!1),[b,y]=useState(!1);useEffect(()=>{let m=a$1.current;if(!T||!m||m.children.length===0)return;let r=m.scrollTop,{top:x,bottom:S}=m.children[i].getBoundingClientRect(),{top:D}=m.getBoundingClientRect();x=x-D+r,S=S-D+r,x<r?m.scrollTop=x:S>m.offsetHeight+r&&(m.scrollTop=S-m.offsetHeight),d(!1);},[T,a$1,i,d]);let h=useCallback(async(m,r,x,S,D,P)=>{try{let w=he(m.data,m.ignoreAccents);y(!0);let L=await w(r);c(R=>({...R,[x]:{queryInfo:{childIndex:x,query:r,querySequenceStart:S,querySequenceEnd:D,plainTextValue:P},results:L}}));}catch(w){console.error(w);}finally{y(!1);}},[]),M=useRef(n);useEffect(()=>{M.current=n;},[n]),useEffect(()=>{if(c({}),!o||o!==s)return;let m=M.current,r=$(t,m),x=I(r,m,o,"NULL");if(!x)return;let S=fe(r.substring(0,x),m),D=r.substring(S,o);m.forEach((P,w)=>{if(!P)return;let L=me(P.trigger||a,P.allowSpaceInQuery),R=D.match(L);if(R){let F=S+D.indexOf(R[1],R.index);h(P,R[2],w,F,F+R[1].length,r);}});},[o,s,t,h]);let E=useCallback(()=>{c({}),p(0);},[c,p]),C=useCallback((m,r)=>{f(m,r),E();},[f,E]),U=useCallback(m=>{p(m);},[p]),N=useMemo(()=>Object.values(g).reduce((m,{results:r,queryInfo:x})=>[...m,...r.map((S,D)=>jsx(Te,{id:S.id,query:x.query,index:D,suggestion:S,focused:D===i,onClick:()=>C(S,x),onMouseEnter:()=>U(D)},S.id))],[]),[g,C,U,i]);return o===null||o!==s||!b&&N.length===0?null:jsxs(Fragment,{children:[jsx(Je,{suggestions:g,clearSuggestions:E,onSelect:C,focusIndex:i,setFocusIndex:p,setScrollFocusedIntoView:d,loading:b}),jsx(Qe,{placement:"bottom-start",...e.slotProps?.popper,sx:{zIndex:2,...e.slotProps?.popper?.sx},open:!0,anchorEl:l.current,children:jsx(Ke,{elevation:8,onMouseDown:u,children:jsx(Ue,{ref:a$1,sx:{width:"300px",maxHeight:"40vh",overflow:"auto"},children:N.length>0?N:b&&jsx(ze,{justifyContent:"center",alignItems:"center",height:"40vh",children:jsx(Ve,{})})})})})]})},ye=Ge;var Je=e=>{let{suggestions:t,clearSuggestions:n,focusIndex:o,setFocusIndex:s,setScrollFocusedIntoView:l,onSelect:f,loading:u}=e;return useEffect(()=>{let a=i=>{if(u)return;let p=de(t);s((p+o+i)%p),l(!0);},g=()=>{if(u)return;let{result:i,queryInfo:p}=Object.values(t).reduce((T,{results:d,queryInfo:b})=>[...T,...d.map(y=>({result:y,queryInfo:b}))],[])[o];f(i,p);},c=i=>{switch(i.key){case"Escape":{n();break}case"ArrowDown":{a(1);break}case"ArrowUp":{a(-1);break}case"Enter":case"Tab":{g();break}default:return}i.preventDefault(),i.stopPropagation();};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[t,n,o,s,f,l,u]),null};var qe=e=>{let[t,n]=useState(e.defaultValue||""),[o,s]=useState(null),l=useRef(null),f=useRef(null),u=useRef(!1),[a,g]=useState(null),[c$1,i]=useState(null),p=r=>{s(r),b$1&&(typeof b$1=="function"?b$1(r):b$1&&"current"in b$1&&typeof b$1!="function"&&(b$1.current=r));};useEffect(()=>{let r=o,x=()=>{!l.current||!r||(l.current.scrollLeft=r.scrollLeft,l.current.scrollTop=r.scrollTop);};return r?.addEventListener("scroll",x),()=>r?.removeEventListener("scroll",x)},[o,l]),useEffect(()=>{let r=o;!r||r.selectionStart===a&&r.selectionEnd===c$1||r.setSelectionRange(a,c$1);},[a,c$1,o]);let{value:T,dataSources:d,inputRef:b$1,...y}=e,h=T!==void 0?T:t,M=()=>{u.current||(g(null),i(null)),u.current=!1;},E=()=>{u.current=!0;},C=(r,{childIndex:x,querySequenceStart:S,querySequenceEnd:D,plainTextValue:P})=>{let w=d[x],{markup:L,displayTransform:R,appendSpaceOnAdd:F,onAdd:ee}=w,O=I(h,d,S,"START");if(!z(O))return;let te=O+D-S,ne=Se(L||b,r.id,r.display),q=(R||c)(r.id,r.display);F&&(ne+=" ",q+=" ");let oe=S+q.length;g(oe),i(oe);let re=V(h,O,te,ne),Me=G(re,d),Re=V(P,S,D,q);(e.onChange||n)(re,Re,Me),ee?.(r,O,te);},U=r=>{let x=r.target.value,S=a;z(S)||(S=r.target.selectionStart);let D=c$1;z(D)||(D=r.target.selectionEnd);let P=ge(h,x,S,D,r.target.selectionEnd||0,d,e.multiline);x=$(P,d);let w=r.target.selectionStart,L=r.target.selectionEnd,R=pe(h,d,r.target.selectionStart||0);if(R!==void 0&&L!==null&&L>R){let O=r.nativeEvent.data;w=R+(O?O.length:0),L=w;}g(w),i(L);let F=G(P,d);(e.onChange||n)(P,x,F);},N=r=>{g(r.target.selectionStart),i(r.target.selectionEnd),e.onSelect?.(r);},m={...y,value:$(h,d,e.multiline),onChange:U,onSelect:N,onBlur:M,InputProps:{sx:{overscrollBehavior:"none",color:"transparent",caretColor:r=>r.palette.text.primary}}};return jsxs(Fragment,{children:[jsx(xe,{highlighterRef:l,cursorRef:f,selectionStart:a,selectionEnd:c$1,value:h,dataSources:d,inputRef:o,multiline:m.multiline}),jsx(We,{inputRef:p,...m}),jsx(ye,{value:h,dataSources:d,selectionStart:a,selectionEnd:c$1,cursorRef:f,loading:!1,onSelect:C,onMouseDown:E,slotProps:e.slotProps?.suggestionsOverlay})]})},en=qe;
 
-export { nn as default };
+export { en as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.7.35",
+  "version": "2.7.36",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",