@zydon/common 2.7.78 → 2.7.79

package/dist/components/AutocompleteDetailed/index.js

@@ -1,4 +1,4 @@
-export { a as default } from '../../chunk-23NOJPUV.js';
+export { a as default } from '../../chunk-YHKVYGTG.js';
 import '../../chunk-7R6ZYEQS.js';
 import '../../chunk-RPO7AI5K.js';
 //# sourceMappingURL=out.js.map

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

@@ -9,9 +9,7 @@ interface ImageContainerProps {
     height?: string | number;
 }
 
-declare const Avatar: react.ForwardRefExoticComponent<Omit<PropsWithChildren<ImageContainerProps & _mui_material_Avatar.AvatarOwnProps & _mui_material_Avatar.AvatarSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "srcSet" | "imgProps"> & {
+declare const Avatar: react.ForwardRefExoticComponent<Omit<PropsWithChildren<ImageContainerProps & _mui_material_Avatar.AvatarOwnProps & _mui_material_Avatar.AvatarSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "className" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 }>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/BulkEditModal/index.js

@@ -1,9 +1,9 @@
-import { a } from '../../chunk-WYJV57WG.js';
+import { a } from '../../chunk-YKV6FK6D.js';
 import { j as j$1 } from '../../chunk-TB4Y7LXN.js';
 import '../../chunk-UVPQR2Q2.js';
 import { a as a$1 } from '../../chunk-RBTYTONM.js';
 import { a as a$3 } from '../../chunk-IN7SP2ND.js';
-import '../../chunk-IGOVBLZ2.js';
+import '../../chunk-QLGWOE3Q.js';
 import { a as a$2 } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import { memo, useEffect, useState, useMemo, useCallback } from 'react';

package/dist/components/CopyButton/index.js

@@ -1,5 +1,5 @@
-export { a as default } from '../../chunk-ZGSSTXUO.js';
-import '../../chunk-45OMMG7D.js';
+export { a as default } from '../../chunk-LQZSZV2W.js';
+import '../../chunk-FBN7HCBY.js';
 import '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import '../../chunk-IAOMC4C4.js';

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

@@ -53,27 +53,13 @@ interface ContainerProps extends StackProps {
     breakpoint: Breakpoint | number;
 }
 declare const Container: _emotion_styled.StyledComponent<PanelProps & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & ContainerProps, {}, {}>;
-declare const Header: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
-declare const ActionsContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
-declare const ActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-    ref?: ((instance: HTMLHRElement | null) => void) | react.RefObject<HTMLHRElement> | null | undefined;
-}, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-declare const ToolbarActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-    ref?: ((instance: HTMLHRElement | null) => void) | react.RefObject<HTMLHRElement> | null | undefined;
-}, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-declare const Topbar: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
-declare const SearchContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
-declare const MobilePaginationContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+declare const Header: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
+declare const ActionsContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
+declare const ActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+declare const ToolbarActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+declare const Topbar: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
+declare const SearchContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
+declare const MobilePaginationContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 
 declare const Toolbar: ({ setFilterButtonEl }: ToolbarProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/DataView/index.js

@@ -1,4 +1,4 @@
-export { a as DesktopFooter, b as EnhancedMoreActions, c as Toolbar, d as default } from '../../chunk-UJGDCLUU.js';
+export { a as DesktopFooter, b as EnhancedMoreActions, c as Toolbar, d as default } from '../../chunk-6UWD6IZZ.js';
 import '../../chunk-RPPQBAVO.js';
 import '../../chunk-IJZCVZ32.js';
 import '../../chunk-IDFJFFIV.js';

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

@@ -4,9 +4,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import * as _mui_material from '@mui/material';
 import * as _mui_material_IconButton from '@mui/material/IconButton';
 
-declare const DragButton: ({ disableDrag, ...props }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "disabled" | "className" | "style" | "classes" | "sx" | "color" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & {
+declare const DragButton: ({ disableDrag, ...props }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "disabled" | "className" | "style" | "classes" | "sx" | "color" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & {
     disableDrag?: boolean | undefined;

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

@@ -18,8 +18,6 @@ interface SortableStyleProps extends BoxProps {
     'aria-roledescription'?: string;
 }
 
-declare const DragContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & SortableStyleProps & Partial<DraggableAttributes>, {}, {}>;
+declare const DragContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & SortableStyleProps & Partial<DraggableAttributes>, {}, {}>;
 
 export { DragContainer as default };

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 import { GridColDef, GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
 import { PagedResponse } from '../../types/api.js';
 import { Field, EntityMetadataResponse } from '../../types/entityMetadata.js';
@@ -72,7 +72,7 @@ interface DynamicDataViewProps<T = object> {
     moreActions?: ReactNode;
     hideHeader?: boolean;
     slots?: {
-        noRowsOverlay?: () => JSX.Element;
+        noRowsOverlay?: () => ReactElement;
     };
     mobileRender?: MobileRenderFunction<T>;
     containerHeight?: number;

package/dist/components/DynamicDataView/index.js

@@ -1,11 +1,11 @@
 import { d, c as c$1 } from '../../chunk-N7IK5EUP.js';
 import { a } from '../../chunk-FK4XGRYF.js';
 import { h, a as a$3 } from '../../chunk-OF6623HG.js';
-import { d as d$1 } from '../../chunk-UJGDCLUU.js';
+import { d as d$1 } from '../../chunk-6UWD6IZZ.js';
 import '../../chunk-RPPQBAVO.js';
 import '../../chunk-IJZCVZ32.js';
-import { a as a$2 } from '../../chunk-ZGSSTXUO.js';
-import '../../chunk-45OMMG7D.js';
+import { a as a$2 } from '../../chunk-LQZSZV2W.js';
+import '../../chunk-FBN7HCBY.js';
 import '../../chunk-IDFJFFIV.js';
 import '../../chunk-6U5LS7MP.js';
 import '../../chunk-BNBE2OMA.js';
@@ -22,9 +22,9 @@ import '../../chunk-LQRRMVFN.js';
 import '../../chunk-RPO7AI5K.js';
 import '../../chunk-IAOMC4C4.js';
 import '../../chunk-GLRLKFPS.js';
-import { a as a$4 } from '../../chunk-HWYA3EGC.js';
+import { a as a$4 } from '../../chunk-HYJEAKVR.js';
 import '../../chunk-POTVACYB.js';
-import '../../chunk-L5URMM57.js';
+import '../../chunk-BLVCNBTJ.js';
 import '../../chunk-ET3WPQIO.js';
 import '../../chunk-CFNATBO2.js';
 import { memo, useMemo, useCallback } from 'react';

package/dist/components/FieldMentions/index.js

@@ -5,7 +5,7 @@ import We from '@mui/material/TextField';
 import A from '@mui/material/Box';
 import $e from '@mui/material/Portal';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import Q from 'invariant';
+import z from 'invariant';
 import Ve from '@mui/material/CircularProgress';
 import Ue from '@mui/material/List';
 import Ke from '@mui/material/Paper';
@@ -13,8 +13,8 @@ import Qe from '@mui/material/Popper';
 import ze from '@mui/material/Stack';
 import _e from '@mui/material/ListItemButton';
 
-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;
+var Pe=({display:e,color:t,backgroundColor:n})=>jsx(A,{component:"span",sx:{color:t||"inherit",bgcolor:n},children:e}),ae=Pe;function G(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 z(!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){z(t==="id"||t==="display",`Second arg must be either "id" or "display", got: "${t}"`);let n=e.indexOf("__display__"),o=e.indexOf("__id__");return z(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(O=>!!a?.[O]);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"),S=a[b$1],R=d?d(S,a[y]):c(S,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,S,R,p,g),c$1+=R.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 z(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=Q(e),n=e[e.indexOf("__display__")+11],o=e[e.indexOf("__id__")+6];return new RegExp(t.replace("__display__",`([^${Q(n||"")}]+?)`).replace("__id__",`([^${Q(o||"")}]+?)`))},Q=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,S=V(e,p||0,T||0,g);if(!y){let R=$(S,l,f);if(R!==t){for(c=0;t[c]===R[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"),S=V(e,p||0,T||0,g);}}return S}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 J(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=J(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=Q(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,S)=>{let R=f[S];a.push(jsx(ae,{display:y,color:R?.color,backgroundColor:R?.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,S=p.substring(0,y),R=p.substring(y);S&&a.push(jsx(A,{component:"span",sx:{color:E=>E.palette.text.primary},children:S},`${T}-${d}-precursor`)),a.push(jsx(A,{ref:n,component:"span",visibility:"hidden"},"cursor")),R&&a.push(jsx(A,{component:"span",sx:{color:E=>E.palette.text.primary},children:R},`${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:h,bottom:x}=m.children[i].getBoundingClientRect(),{top:D}=m.getBoundingClientRect();h=h-D+r,x=x-D+r,h<r?m.scrollTop=h:x>m.offsetHeight+r&&(m.scrollTop=x-m.offsetHeight),d(!1);},[T,a$1,i,d]);let S=useCallback(async(m,r,h,x,D,P)=>{try{let w=he(m.data,m.ignoreAccents);y(!0);let L=await w(r);c(M=>({...M,[h]:{queryInfo:{childIndex:h,query:r,querySequenceStart:x,querySequenceEnd:D,plainTextValue:P},results:L}}));}catch(w){console.error(w);}finally{y(!1);}},[]),R=useRef(n);useEffect(()=>{R.current=n;},[n]),useEffect(()=>{if(c({}),!o||o!==s)return;let m=R.current,r=$(t,m),h=I(r,m,o,"NULL");if(!h)return;let x=fe(r.substring(0,h),m),D=r.substring(x,o);m.forEach((P,w)=>{if(!P)return;let L=me(P.trigger||a,P.allowSpaceInQuery),M=D.match(L);if(M){let F=x+D.indexOf(M[1],M.index);S(P,M[2],w,F,F+M[1].length,r);}});},[o,s,t,S]);let E=useCallback(()=>{c({}),p(0);},[c,p]),O=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:h})=>[...m,...r.map((x,D)=>jsx(Te,{id:x.id,query:h.query,index:D,suggestion:x,focused:D===i,onClick:()=>O(x,h),onMouseEnter:()=>U(D)},x.id))],[]),[g,O,U,i]);return o===null||o!==s||!b&&N.length===0?null:jsxs(Fragment,{children:[jsx(Je,{suggestions:g,clearSuggestions:E,onSelect:O,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=>{if(s(r),b$1){if(typeof b$1=="function")b$1(r);else if(b$1&&"current"in b$1&&typeof b$1!="function"){let h=b$1;h.current=r;}}};useEffect(()=>{let r=o,h=()=>{!l.current||!r||(l.current.scrollLeft=r.scrollLeft,l.current.scrollTop=r.scrollTop);};return r?.addEventListener("scroll",h),()=>r?.removeEventListener("scroll",h)},[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,S=T!==void 0?T:t,R=()=>{u.current||(g(null),i(null)),u.current=!1;},E=()=>{u.current=!0;},O=(r,{childIndex:h,querySequenceStart:x,querySequenceEnd:D,plainTextValue:P})=>{let w=d[h],{markup:L,displayTransform:M,appendSpaceOnAdd:F,onAdd:te}=w,k=I(S,d,x,"START");if(!G(k))return;let K=k+D-x,ne=Se(L||b,r.id,r.display),Y=(M||c)(r.id,r.display);F&&(ne+=" ",Y+=" ");let oe=x+Y.length;g(oe),i(oe);let re=V(S,k,K,ne),Re=J(re,d),Me=V(P,x,D,Y);(e.onChange||n)(re,Me,Re),te?.(r,k,K);},U=r=>{let h=r.target.value,x=a;G(x)||(x=r.target.selectionStart);let D=c$1;G(D)||(D=r.target.selectionEnd);let P=ge(S,h,x,D,r.target.selectionEnd||0,d,e.multiline);h=$(P,d);let w=r.target.selectionStart,L=r.target.selectionEnd,M=pe(S,d,r.target.selectionStart||0);if(M!==void 0&&L!==null&&L>M){let k=r.nativeEvent,K="data"in k&&typeof k.data=="string"?k.data.length:0;w=M+K,L=w;}g(w),i(L);let F=J(P,d);(e.onChange||n)(P,h,F);},N=r=>{g(r.target.selectionStart),i(r.target.selectionEnd),e.onSelect?.(r);},m={...y,value:$(S,d,e.multiline),onChange:U,onSelect:N,onBlur:R,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:S,dataSources:d,inputRef:o,multiline:m.multiline}),jsx(We,{inputRef:p,...m}),jsx(ye,{value:S,dataSources:d,selectionStart:a,selectionEnd:c$1,cursorRef:f,loading:!1,onSelect:O,onMouseDown:E,slotProps:e.slotProps?.suggestionsOverlay})]})},en=qe;
 
 export { en as default };
 //# sourceMappingURL=out.js.map

package/dist/components/FieldMentions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FieldMentions/index.tsx","../../../src/components/FieldMentions/Highlighter/index.tsx","../../../src/components/FieldMentions/Mention/index.tsx","../../../src/components/FieldMentions/utils.ts","../../../src/components/FieldMentions/SuggestionOverlay/index.tsx","../../../src/components/FieldMentions/SuggestionOverlay/Suggestion/index.tsx"],"names":["useEffect","useRef","useState","TextField","Box","Portal","jsx","Mention","display","color","backgroundColor","Mention_default","invariant","isNumber","val","combineRegExps","regExps","serializedRegexParser","regex","regexString","regexFlags","countPlaceholders","markup","count","findIndexOfCapturingGroup","parameterName","indexDisplay","indexId","iterateMentionsMarkup","value","dataSources","markupProcessor","plainTextProcessor","multiline","ds","verifyCapturingGroups","DefaultMarkupTemplate","markupToRegex","accOffset","captureGroupOffsets","result","match","start","currentPlainTextIndex","offset","o","mentionChildIndex","displayTransform","idPos","displayPos","id","DefaultDisplayTransform","substr","getPlainText","_match","_index","_plainTextIndex","_id","plainText","numberOfGroups","numberOfPlaceholders","escapedMarkup","escapeRegex","charAfterDisplay","charAfterId","str","applyChangeToValue","plainTextValue","selectionStartBefore","selectionEndBefore","selectionEndAfter","oldPlainTextValue","lengthDelta","insert","spliceStart","spliceEnd","mappedSpliceStart","mapPlainTextIndex","mappedSpliceEnd","controlSpliceStart","controlSpliceEnd","willRemoveMention","newValue","spliceString","controlPlainTextValue","indexInPlainText","inMarkupCorrection","index","mentionPlainTextIndex","substrPlainTextIndex","end","findStartOfMentionInPlainText","_markup","getMentions","mentions","plainTextIndex","childIndex","countSuggestions","suggestions","acc","results","getEndOfLastMention","lastMention","makeTriggerRegex","trigger","allowSpaceInQuery","escapedTriggerChar","getDataProvider","data","ignoreAccents","query","i","getSubstringIndex","normalizeString","removeAccents","formattedStr","diacritics_default","letterDiacritics","makeMentionsMarkup","jsxs","getHighlighterRect","input","rec","computedStyle","Highlighter","props","highlighterRef","cursorRef","selectionEnd","selectionStart","components","dataSourceIndex","dataSource","text","indexInPlaintext","theme","splitIndex","startText","endText","rect","Highlighter_default","useCallback","useMemo","CircularProgress","List","Paper","Popper","Stack","ListItemButton","Suggestion","renderSuggestion","suggestion","focused","onClick","onMouseEnter","Suggestion_default","Fragment","SuggestionsOverlay","onSelect","onMouseDown","ulElement","setSuggestions","focusIndex","setFocusIndex","scrollFocusedIntoView","setScrollFocusedIntoView","loading","setLoading","current","scrollTop","top","bottom","topContainer","queryDataSource","source","sourceIndex","querySequenceStart","querySequenceEnd","fullText","dataProvider","s","err","dataSourcesRef","currentDataSources","positionInValue","substringStartIndex","substring","DefaultTrigger","clearSuggestions","handleSelect","queryInfo","handleMouseEnter","renderedSuggestions","accResults","KeyboardListener","SuggestionOverlay_default","shiftFocus","delta","suggestionsCount","selectFocused","handleKeyDown","ev","FieldMentions","stateValue","setStateValue","inputRef","setInputRef","suggestionsMouseDown","setSelectionStart","setSelectionEnd","handleInputRef","ref","externalInputRef","onScroll","others","finalValue","handleBlur","handleSuggestionsMouseDown","addMention","appendSpaceOnAdd","onAdd","displayValue","newCaretPosition","newPlainTextValue","handleChange","selectionStartAfter","startOfMention","inputProps","FieldMentions_default"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\n\nimport {\n  BaseSuggestionData,\n  DefaultDisplayTransform,\n  DefaultMarkupTemplate,\n  SuggestionData,\n  SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport Highlighter from './Highlighter';\nimport { FieldMentionsBaseProps, FieldMentionsProps } from './props';\nimport SuggestionsOverlay from './SuggestionOverlay';\nimport {\n  applyChangeToValue,\n  findStartOfMentionInPlainText,\n  getMentions,\n  getPlainText,\n  isNumber,\n  makeMentionsMarkup,\n  mapPlainTextIndex,\n  spliceString,\n} from './utils';\n\nconst FieldMentions = <T extends BaseSuggestionData>(\n  props: FieldMentionsProps<T>,\n): ReactNode => {\n  const [stateValue, setStateValue] = useState<string>(\n    props.defaultValue || '',\n  );\n\n  const [inputRef, setInputRef] = useState<\n    HTMLInputElement | HTMLTextAreaElement | null\n  >(null);\n  const highlighterRef = useRef<HTMLDivElement>(null);\n  const cursorRef = useRef<HTMLSpanElement>(null);\n  const suggestionsMouseDown = useRef(false);\n\n  const [selectionStart, setSelectionStart] = useState<number | null>(null);\n  const [selectionEnd, setSelectionEnd] = useState<number | null>(null);\n\n  const handleInputRef = (\n    ref: HTMLInputElement | HTMLTextAreaElement | null,\n  ) => {\n    setInputRef(ref);\n\n    if (externalInputRef) {\n      if (typeof externalInputRef === 'function') {\n        externalInputRef(ref);\n      } else if (\n        externalInputRef &&\n        'current' in externalInputRef &&\n        typeof externalInputRef !== 'function'\n      ) {\n        (\n          externalInputRef as React.MutableRefObject<\n            HTMLInputElement | HTMLTextAreaElement | null\n          >\n        ).current = ref;\n      }\n    }\n  };\n\n  useEffect(() => {\n    const input = inputRef;\n    const onScroll = () => {\n      if (!highlighterRef.current || !input) {\n        return;\n      }\n      highlighterRef.current.scrollLeft = input.scrollLeft;\n      highlighterRef.current.scrollTop = input.scrollTop;\n    };\n\n    input?.addEventListener('scroll', onScroll);\n    return () => input?.removeEventListener('scroll', onScroll);\n  }, [inputRef, highlighterRef]);\n\n  useEffect(() => {\n    const input = inputRef;\n    if (\n      !input ||\n      (input.selectionStart === selectionStart &&\n        input.selectionEnd === selectionEnd)\n    ) {\n      return;\n    }\n    input.setSelectionRange(selectionStart, selectionEnd);\n  }, [selectionStart, selectionEnd, inputRef]);\n\n  const { value, dataSources, inputRef: externalInputRef, ...others } = props;\n  const finalValue = value !== undefined ? value : stateValue;\n\n  const handleBlur = () => {\n    if (!suggestionsMouseDown.current) {\n      setSelectionStart(null);\n      setSelectionEnd(null);\n    }\n    suggestionsMouseDown.current = false;\n  };\n\n  const handleSuggestionsMouseDown = () => {\n    suggestionsMouseDown.current = true;\n  };\n\n  const addMention = (\n    suggestion: SuggestionData<T>,\n    {\n      childIndex,\n      querySequenceStart,\n      querySequenceEnd,\n      plainTextValue,\n    }: SuggestionsQueryInfo,\n  ) => {\n    const dataSource = dataSources[childIndex];\n\n    const { markup, displayTransform, appendSpaceOnAdd, onAdd } = dataSource;\n\n    const start = mapPlainTextIndex(\n      finalValue,\n      dataSources,\n      querySequenceStart,\n      'START',\n    );\n    if (!isNumber(start)) {\n      return;\n    }\n\n    const end = start + querySequenceEnd - querySequenceStart;\n\n    let insert = makeMentionsMarkup(\n      markup || DefaultMarkupTemplate,\n      suggestion.id,\n      suggestion.display,\n    );\n    let displayValue = (displayTransform || DefaultDisplayTransform)(\n      suggestion.id,\n      suggestion.display,\n    );\n\n    if (appendSpaceOnAdd) {\n      insert += ' ';\n      displayValue += ' ';\n    }\n\n    const newCaretPosition = querySequenceStart + displayValue.length;\n    setSelectionStart(newCaretPosition);\n    setSelectionEnd(newCaretPosition);\n\n    const newValue = spliceString(finalValue, start, end, insert);\n    const mentions = getMentions(newValue, dataSources);\n    const newPlainTextValue = spliceString(\n      plainTextValue,\n      querySequenceStart,\n      querySequenceEnd,\n      displayValue,\n    );\n\n    const onChange = props.onChange || setStateValue;\n    onChange(newValue, newPlainTextValue, mentions);\n    onAdd?.(suggestion, start, end);\n  };\n\n  const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    let newPlainTextValue = ev.target.value;\n\n    let selectionStartBefore = selectionStart;\n    if (!isNumber(selectionStartBefore)) {\n      selectionStartBefore = ev.target.selectionStart;\n    }\n\n    let selectionEndBefore = selectionEnd;\n    if (!isNumber(selectionEndBefore)) {\n      selectionEndBefore = ev.target.selectionEnd;\n    }\n\n    const newValue = applyChangeToValue(\n      finalValue,\n      newPlainTextValue,\n      selectionStartBefore,\n      selectionEndBefore,\n      ev.target.selectionEnd || 0,\n      dataSources,\n      props.multiline,\n    );\n\n    newPlainTextValue = getPlainText(newValue, dataSources);\n\n    let selectionStartAfter = ev.target.selectionStart;\n    let selectionEndAfter = ev.target.selectionEnd;\n\n    const startOfMention = findStartOfMentionInPlainText(\n      finalValue,\n      dataSources,\n      ev.target.selectionStart || 0,\n    );\n    if (\n      startOfMention !== undefined &&\n      selectionEndAfter !== null &&\n      selectionEndAfter > startOfMention\n    ) {\n      const data = (ev.nativeEvent as any).data;\n      selectionStartAfter = startOfMention + (data ? data.length : 0);\n      selectionEndAfter = selectionStartAfter;\n    }\n\n    setSelectionStart(selectionStartAfter);\n    setSelectionEnd(selectionEndAfter);\n\n    const mentions = getMentions(newValue, dataSources);\n\n    const onChange = props.onChange || setStateValue;\n    onChange(newValue, newPlainTextValue, mentions);\n  };\n\n  const handleSelect = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectionStart(ev.target.selectionStart);\n    setSelectionEnd(ev.target.selectionEnd);\n    props.onSelect?.(ev);\n  };\n\n  const inputProps: TextFieldProps = {\n    ...others,\n    value: getPlainText(finalValue, dataSources, props.multiline),\n    onChange: handleChange,\n    onSelect: handleSelect,\n    onBlur: handleBlur,\n    InputProps: {\n      sx: {\n        overscrollBehavior: 'none',\n        color: 'transparent',\n        caretColor: (theme: Theme) => theme.palette.text.primary,\n      },\n    },\n  };\n\n  return (\n    <>\n      <Highlighter\n        highlighterRef={highlighterRef}\n        cursorRef={cursorRef}\n        selectionStart={selectionStart}\n        selectionEnd={selectionEnd}\n        value={finalValue}\n        dataSources={dataSources}\n        inputRef={inputRef}\n        multiline={inputProps.multiline}\n      />\n      <TextField inputRef={handleInputRef} {...inputProps} />\n      <SuggestionsOverlay\n        value={finalValue}\n        dataSources={dataSources}\n        selectionStart={selectionStart}\n        selectionEnd={selectionEnd}\n        cursorRef={cursorRef}\n        loading={false}\n        onSelect={addMention}\n        onMouseDown={handleSuggestionsMouseDown}\n        slotProps={props.slotProps?.suggestionsOverlay}\n      />\n    </>\n  );\n};\n\nexport default FieldMentions;\nexport type { FieldMentionsBaseProps, FieldMentionsProps };\n","import { type JSX, ReactNode } from 'react';\nimport Box from '@mui/material/Box';\nimport Portal from '@mui/material/Portal';\n\nimport { BaseSuggestionData } from 'types/fieldMentions';\n\nimport Mention from '../Mention';\nimport { iterateMentionsMarkup } from '../utils';\n\nimport { HighlighterProps } from './props';\n\nfunction getHighlighterRect(\n  input?: HTMLInputElement | HTMLTextAreaElement | null,\n) {\n  const rec = { x: 0, y: 0, width: 0, height: 0 };\n  if (!input) {\n    return rec;\n  }\n\n  const computedStyle = getComputedStyle(input);\n  rec.width = input.clientWidth;\n  rec.width -= parseFloat(computedStyle.paddingLeft);\n  rec.width -= parseFloat(computedStyle.paddingRight);\n  rec.height = input.clientHeight;\n  rec.height -= parseFloat(computedStyle.paddingTop);\n  rec.height -= parseFloat(computedStyle.paddingBottom);\n\n  rec.x = input.offsetLeft;\n  rec.x += parseFloat(computedStyle.paddingLeft);\n  rec.x += parseFloat(computedStyle.borderLeft);\n  rec.y = input.offsetTop;\n  rec.y += parseFloat(computedStyle.paddingTop);\n  rec.y += parseFloat(computedStyle.borderTop);\n\n  return rec;\n}\n\nconst Highlighter = <T extends BaseSuggestionData>(\n  props: HighlighterProps<T>,\n): ReactNode => {\n  const {\n    highlighterRef,\n    cursorRef,\n    selectionEnd,\n    selectionStart,\n    value,\n    dataSources,\n    multiline,\n  } = props;\n  const components: JSX.Element[] = [];\n\n  const handleMention = (\n    _markup: string,\n    index: number,\n    _plainTextIndex: number,\n    id: string,\n    display: string,\n    dataSourceIndex: number,\n  ) => {\n    const dataSource = dataSources[dataSourceIndex];\n    components.push(\n      <Mention\n        key={`${id}-${index}`}\n        display={display}\n        color={dataSource?.color}\n        backgroundColor={dataSource?.backgroundColor}\n      />,\n    );\n  };\n\n  const handlePlainText = (\n    text: string,\n    index: number,\n    indexInPlaintext: number,\n  ) => {\n    if (!multiline) {\n      text = text.replaceAll('\\n', '');\n    }\n\n    const renderCursor =\n      selectionStart &&\n      selectionStart === selectionEnd &&\n      selectionStart >= indexInPlaintext &&\n      selectionStart <= indexInPlaintext + text.length;\n\n    if (!renderCursor) {\n      components.push(\n        <Box\n          key={`${index}-${indexInPlaintext}`}\n          component=\"span\"\n          sx={{ color: theme => theme.palette.text.primary }}\n        >\n          {text}\n        </Box>,\n      );\n    } else {\n      const splitIndex = selectionStart - indexInPlaintext;\n      const startText = text.substring(0, splitIndex);\n      const endText = text.substring(splitIndex);\n\n      if (startText) {\n        components.push(\n          <Box\n            key={`${index}-${indexInPlaintext}-precursor`}\n            component=\"span\"\n            sx={{ color: theme => theme.palette.text.primary }}\n          >\n            {startText}\n          </Box>,\n        );\n      }\n\n      components.push(\n        <Box\n          key=\"cursor\"\n          ref={cursorRef}\n          component=\"span\"\n          visibility=\"hidden\"\n        ></Box>,\n      );\n\n      if (endText) {\n        components.push(\n          <Box\n            key={`${index}-${indexInPlaintext}-postcursor`}\n            component=\"span\"\n            sx={{ color: theme => theme.palette.text.primary }}\n          >\n            {endText}\n          </Box>,\n        );\n      }\n    }\n  };\n\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    handleMention,\n    handlePlainText,\n    multiline,\n  );\n\n  const rect = getHighlighterRect(props.inputRef);\n\n  return (\n    <Portal container={() => props.inputRef?.parentElement || null}>\n      <Box\n        ref={highlighterRef}\n        sx={{\n          position: 'absolute',\n          top: `${rect.y}px`,\n          left: `${rect.x}px`,\n          width: `${rect.width}px`,\n          height: `${rect.height}px`,\n          whiteSpace: multiline ? 'pre-wrap' : 'pre',\n          overflow: 'hidden',\n          overscrollBehavior: 'none',\n          zIndex: 1,\n          pointerEvents: 'none',\n        }}\n      >\n        {components}\n        <Box component=\"span\" visibility=\"hidden\">\n          {' '}\n        </Box>\n      </Box>\n    </Portal>\n  );\n};\n\nexport default Highlighter;\n","import Box from '@mui/material/Box';\n\nimport { MentionProps } from './props';\n\nconst Mention = ({ display, color, backgroundColor }: MentionProps) => {\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        color: color || 'inherit',\n        bgcolor: backgroundColor,\n      }}\n    >\n      {display}\n    </Box>\n  );\n};\n\nexport default Mention;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport invariant from 'invariant';\n\nimport {\n  BaseSuggestionData,\n  DefaultDisplayTransform,\n  DefaultMarkupTemplate,\n  MentionData,\n  SuggestionData,\n  SuggestionDataSource,\n  SuggestionsMap,\n} from 'types/fieldMentions';\nimport lettersDiacritics from 'utils/diacritics';\n\nenum Placeholders {\n  id = '__id__',\n  display = '__display__',\n}\n\nexport function isNumber(val: any): val is number {\n  return typeof val === 'number';\n}\n\nfunction combineRegExps(regExps: RegExp[]): RegExp {\n  const serializedRegexParser = /^\\/(.+)\\/(\\w+)?$/;\n  return new RegExp(\n    regExps\n      .map(regex => {\n        const [, regexString, regexFlags] =\n          serializedRegexParser.exec(regex.toString()) || [];\n\n        invariant(\n          !regexFlags,\n          `RegExp flags are not supported. Change /${regexString}/${regexFlags} into /${regexString}/`,\n        );\n\n        return `(${regexString})`;\n      })\n      .join('|'),\n    'g',\n  );\n}\n\nfunction countPlaceholders(markup: string): number {\n  let count = 0;\n  if (markup.indexOf(Placeholders.id) >= 0) count++;\n  if (markup.indexOf(Placeholders.display) >= 0) count++;\n  return count;\n}\n\nfunction findIndexOfCapturingGroup(\n  markup: string,\n  parameterName: 'id' | 'display',\n): number {\n  invariant(\n    parameterName === 'id' || parameterName === 'display',\n    `Second arg must be either \"id\" or \"display\", got: \"${parameterName}\"`,\n  );\n\n  const indexDisplay = markup.indexOf(Placeholders.display);\n  const indexId = markup.indexOf(Placeholders.id);\n\n  invariant(\n    indexDisplay >= 0 || indexId >= 0,\n    `The markup '${markup}' does not contain at least one of the placeholders '__id__' or '__display__'`,\n  );\n\n  if (indexDisplay >= 0 && indexId >= 0) {\n    return (parameterName === 'id' && indexId <= indexDisplay) ||\n      (parameterName === 'display' && indexDisplay <= indexId)\n      ? 0\n      : 1;\n  }\n\n  return 0;\n}\n\nexport function iterateMentionsMarkup<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  markupProcessor: (\n    match: string,\n    matchIndex: number,\n    plainTextIndex: number,\n    id: string,\n    display: string,\n    mentionIndex: number,\n    start: number,\n  ) => void,\n  plainTextProcessor?: (\n    value: string,\n    start: number,\n    currentIndex: number,\n  ) => void,\n  multiline?: boolean,\n) {\n  const regex = combineRegExps(\n    dataSources.map(ds =>\n      ds.regex\n        ? verifyCapturingGroups(ds.regex, ds.markup || DefaultMarkupTemplate)\n        : markupToRegex(ds.markup || DefaultMarkupTemplate),\n    ),\n  );\n\n  let accOffset = 2;\n  const captureGroupOffsets = dataSources.map(({ markup }) => {\n    const result = accOffset;\n    accOffset += countPlaceholders(markup || DefaultMarkupTemplate) + 1;\n    return result;\n  });\n\n  let match: RegExpExecArray | null;\n  let start = 0;\n  let currentPlainTextIndex = 0;\n\n  while ((match = regex.exec(value)) !== null) {\n    const offset = captureGroupOffsets.find(o => !!match?.[o]);\n    if (offset === undefined) {\n      continue;\n    }\n\n    const mentionChildIndex = captureGroupOffsets.indexOf(offset);\n    const { markup, displayTransform } = dataSources[mentionChildIndex];\n    const idPos =\n      offset + findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'id');\n    const displayPos =\n      offset +\n      findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'display');\n\n    const id = match[idPos];\n    const display = displayTransform\n      ? displayTransform(id, match[displayPos])\n      : DefaultDisplayTransform(id, match[displayPos], multiline);\n\n    const substr = value.substring(start, match.index);\n    plainTextProcessor?.(substr, start, currentPlainTextIndex);\n    currentPlainTextIndex += substr.length;\n\n    markupProcessor(\n      match[0],\n      match.index,\n      currentPlainTextIndex,\n      id,\n      display,\n      mentionChildIndex,\n      start,\n    );\n    currentPlainTextIndex += display.length;\n    start = regex.lastIndex;\n  }\n\n  if (start < value.length) {\n    plainTextProcessor?.(value.substring(start), start, currentPlainTextIndex);\n  }\n}\n\nexport function getPlainText<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  multiline?: boolean,\n): string {\n  let result = '';\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    (_match, _index, _plainTextIndex, _id, display) => {\n      result += display;\n    },\n    plainText => {\n      result += plainText;\n    },\n    multiline,\n  );\n  return result;\n}\n\nconst verifyCapturingGroups = (regex: RegExp, markup: string) => {\n  const numberOfGroups =\n    (new RegExp(regex.toString() + '|').exec('')?.length || 0) - 1;\n  const numberOfPlaceholders = countPlaceholders(markup);\n\n  invariant(\n    numberOfGroups === numberOfPlaceholders,\n    `Number of capturing groups in RegExp ${regex.toString()} (${numberOfGroups}) does not match the number of placeholders in the markup '${markup}' (${numberOfPlaceholders})`,\n  );\n\n  return regex;\n};\n\nconst markupToRegex = (markup: string) => {\n  const escapedMarkup = escapeRegex(markup);\n\n  const charAfterDisplay =\n    markup[markup.indexOf(Placeholders.display) + Placeholders.display.length];\n  const charAfterId =\n    markup[markup.indexOf(Placeholders.id) + Placeholders.id.length];\n\n  return new RegExp(\n    escapedMarkup\n      .replace(\n        Placeholders.display,\n        `([^${escapeRegex(charAfterDisplay || '')}]+?)`,\n      )\n      .replace(Placeholders.id, `([^${escapeRegex(charAfterId || '')}]+?)`),\n  );\n};\n\nconst escapeRegex = (str: string) =>\n  str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n\nexport function applyChangeToValue<T extends BaseSuggestionData>(\n  value: string,\n  plainTextValue: string,\n  selectionStartBefore: number | null,\n  selectionEndBefore: number | null,\n  selectionEndAfter: number,\n  dataSources: SuggestionDataSource<T>[],\n  multiline?: boolean,\n) {\n  const oldPlainTextValue = getPlainText(value, dataSources, multiline);\n\n  const lengthDelta = oldPlainTextValue.length - plainTextValue.length;\n  if (selectionStartBefore === null) {\n    selectionStartBefore = selectionEndAfter + lengthDelta;\n  }\n\n  if (selectionEndBefore === null) {\n    selectionEndBefore = selectionStartBefore;\n  }\n\n  if (\n    selectionStartBefore === selectionEndBefore &&\n    selectionEndBefore === selectionEndAfter &&\n    oldPlainTextValue.length === plainTextValue.length\n  ) {\n    selectionStartBefore = selectionStartBefore - 1;\n  }\n\n  let insert = plainTextValue.slice(selectionStartBefore, selectionEndAfter);\n\n  let spliceStart = Math.min(selectionStartBefore, selectionEndAfter);\n\n  let spliceEnd = selectionEndBefore;\n  if (selectionStartBefore === selectionEndAfter) {\n    spliceEnd = Math.max(\n      selectionEndBefore,\n      selectionStartBefore + lengthDelta,\n    );\n  }\n\n  let mappedSpliceStart = mapPlainTextIndex(\n    value,\n    dataSources,\n    spliceStart,\n    'START',\n  );\n  let mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n\n  const controlSpliceStart = mapPlainTextIndex(\n    value,\n    dataSources,\n    spliceStart,\n    'NULL',\n  );\n  const controlSpliceEnd = mapPlainTextIndex(\n    value,\n    dataSources,\n    spliceEnd,\n    'NULL',\n  );\n  const willRemoveMention =\n    controlSpliceStart === null || controlSpliceEnd === null;\n\n  let newValue = spliceString(\n    value,\n    mappedSpliceStart || 0,\n    mappedSpliceEnd || 0,\n    insert,\n  );\n\n  if (!willRemoveMention) {\n    const controlPlainTextValue = getPlainText(\n      newValue,\n      dataSources,\n      multiline,\n    );\n    if (controlPlainTextValue !== plainTextValue) {\n      spliceStart = 0;\n      while (plainTextValue[spliceStart] === controlPlainTextValue[spliceStart])\n        spliceStart++;\n\n      insert = plainTextValue.slice(spliceStart, selectionEndAfter);\n\n      spliceEnd = oldPlainTextValue.lastIndexOf(\n        plainTextValue.substring(selectionEndAfter),\n      );\n\n      mappedSpliceStart = mapPlainTextIndex(\n        value,\n        dataSources,\n        spliceStart,\n        'START',\n      );\n      mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n      newValue = spliceString(\n        value,\n        mappedSpliceStart || 0,\n        mappedSpliceEnd || 0,\n        insert,\n      );\n    }\n  }\n\n  return newValue;\n}\n\nexport function mapPlainTextIndex<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  indexInPlainText: number,\n  inMarkupCorrection: 'START' | 'END' | 'NULL' = 'START',\n): number | null | undefined {\n  if (typeof indexInPlainText !== 'number') {\n    return indexInPlainText;\n  }\n\n  let result: number | undefined | null = undefined;\n\n  const plainTextProcessor = (\n    substr: string,\n    index: number,\n    substrPlainTextIndex: number,\n  ) => {\n    if (result !== undefined) return;\n\n    if (substrPlainTextIndex + substr.length >= indexInPlainText) {\n      result = index + indexInPlainText - substrPlainTextIndex;\n    }\n  };\n\n  const markupProcessor = (\n    markup: string,\n    index: number,\n    mentionPlainTextIndex: number,\n    _id: string,\n    display: string,\n  ) => {\n    if (result !== undefined) return;\n\n    if (mentionPlainTextIndex + display.length > indexInPlainText) {\n      if (inMarkupCorrection === 'NULL') {\n        result = null;\n      } else {\n        result = index + (inMarkupCorrection === 'END' ? markup.length : 0);\n      }\n    }\n  };\n\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    markupProcessor,\n    plainTextProcessor,\n  );\n\n  return result === undefined ? value.length : result;\n}\n\nexport function spliceString(\n  str: string,\n  start: number,\n  end: number,\n  insert: string,\n): string {\n  return str.substring(0, start) + insert + str.substring(end);\n}\n\nexport function findStartOfMentionInPlainText<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  indexInPlainText: number,\n): number | undefined {\n  let result: number | undefined = undefined;\n\n  const markupProcessor = (\n    _markup: string,\n    _index: number,\n    mentionPlainTextIndex: number,\n    _id: string,\n    display: string,\n  ) => {\n    if (\n      mentionPlainTextIndex <= indexInPlainText &&\n      mentionPlainTextIndex + display.length > indexInPlainText\n    ) {\n      result = mentionPlainTextIndex;\n    }\n  };\n\n  iterateMentionsMarkup(value, dataSources, markupProcessor);\n  return result;\n}\n\nexport function getMentions<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n): MentionData[] {\n  const mentions: MentionData[] = [];\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    (_match, index, plainTextIndex, id, display, childIndex) => {\n      mentions.push({\n        id,\n        display,\n        dataSourceIndex: childIndex,\n        index,\n        plainTextIndex,\n      });\n    },\n  );\n  return mentions;\n}\n\nexport function countSuggestions<T extends BaseSuggestionData>(\n  suggestions: SuggestionsMap<T>,\n) {\n  return Object.values(suggestions).reduce(\n    (acc, { results }) => acc + results.length,\n    0,\n  );\n}\n\nexport function getEndOfLastMention<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n) {\n  const mentions = getMentions(value, dataSources);\n  const lastMention = mentions[mentions.length - 1];\n  return lastMention\n    ? lastMention.plainTextIndex + lastMention.display.length\n    : 0;\n}\n\nexport function makeTriggerRegex(\n  trigger: string | RegExp,\n  allowSpaceInQuery?: boolean,\n) {\n  if (trigger instanceof RegExp) {\n    return trigger;\n  } else {\n    const escapedTriggerChar = escapeRegex(trigger);\n\n    return new RegExp(\n      `(?:^|\\\\s)(${escapedTriggerChar}([^${allowSpaceInQuery ? '' : '\\\\s'}${escapedTriggerChar}]*))$`,\n    );\n  }\n}\n\nexport function getDataProvider<T extends BaseSuggestionData>(\n  data: SuggestionData<T>[] | ((query: string) => Promise<SuggestionData<T>[]>),\n  ignoreAccents?: boolean,\n): (query: string) => Promise<SuggestionData<T>[]> {\n  if (data instanceof Array) {\n    return async function (query: string) {\n      const results = [];\n      for (let i = 0, l = data.length; i < l; ++i) {\n        const display = data[i].display || data[i].id;\n        if (getSubstringIndex(display, query, ignoreAccents) >= 0) {\n          results.push(data[i]);\n        }\n      }\n      return results;\n    };\n  }\n  return data;\n}\n\nconst getSubstringIndex = (\n  str: string,\n  substr: string,\n  ignoreAccents?: boolean,\n) => {\n  if (!ignoreAccents) {\n    return str.toLowerCase().indexOf(substr.toLowerCase());\n  }\n\n  return normalizeString(str).indexOf(normalizeString(substr));\n};\n\nconst removeAccents = (str: string) => {\n  let formattedStr = str;\n\n  lettersDiacritics.forEach(letterDiacritics => {\n    formattedStr = formattedStr.replace(\n      letterDiacritics.letters,\n      letterDiacritics.base,\n    );\n  });\n\n  return formattedStr;\n};\n\nconst normalizeString = (str: string) => removeAccents(str).toLowerCase();\n\nexport const makeMentionsMarkup = (\n  markup: string,\n  id: string,\n  display?: string,\n) => {\n  return markup\n    .replace(Placeholders.id, id)\n    .replace(Placeholders.display, display || id);\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable no-console */\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport List from '@mui/material/List';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport Stack from '@mui/material/Stack';\n\nimport {\n  BaseSuggestionData,\n  DefaultTrigger,\n  SuggestionData,\n  SuggestionDataSource,\n  Suggestions,\n  SuggestionsMap,\n  SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport {\n  countSuggestions,\n  getDataProvider,\n  getEndOfLastMention,\n  getPlainText,\n  makeTriggerRegex,\n  mapPlainTextIndex,\n} from '../utils';\n\nimport { KeyboardListenerProps, SuggestionsOverlayProps } from './props';\nimport Suggestion from './Suggestion';\n\nconst SuggestionsOverlay = <T extends BaseSuggestionData>(\n  props: SuggestionsOverlayProps<T>,\n) => {\n  const {\n    value,\n    dataSources,\n    selectionStart,\n    selectionEnd,\n    cursorRef,\n    onSelect,\n    onMouseDown,\n  } = props;\n  const ulElement = useRef<HTMLUListElement>(null);\n  const [suggestions, setSuggestions] = useState<SuggestionsMap<T>>({});\n  const [focusIndex, setFocusIndex] = useState(0);\n  const [scrollFocusedIntoView, setScrollFocusedIntoView] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    const current = ulElement.current;\n    if (!scrollFocusedIntoView || !current || current.children.length === 0) {\n      return;\n    }\n\n    const scrollTop = current.scrollTop;\n\n    let { top, bottom } = current.children[focusIndex].getBoundingClientRect();\n    const { top: topContainer } = current.getBoundingClientRect();\n    top = top - topContainer + scrollTop;\n    bottom = bottom - topContainer + scrollTop;\n\n    if (top < scrollTop) {\n      current.scrollTop = top;\n    } else if (bottom > current.offsetHeight + scrollTop) {\n      current.scrollTop = bottom - current.offsetHeight;\n    }\n\n    setScrollFocusedIntoView(false);\n  }, [scrollFocusedIntoView, ulElement, focusIndex, setScrollFocusedIntoView]);\n\n  const queryDataSource = useCallback(\n    async (\n      source: SuggestionDataSource<T>,\n      query: string,\n      sourceIndex: number,\n      querySequenceStart: number,\n      querySequenceEnd: number,\n      fullText: string,\n    ) => {\n      try {\n        const dataProvider = getDataProvider(source.data, source.ignoreAccents);\n        setLoading(true);\n        const results = await dataProvider(query);\n        setSuggestions(s => {\n          return {\n            ...s,\n            [sourceIndex]: {\n              queryInfo: {\n                childIndex: sourceIndex,\n                query,\n                querySequenceStart,\n                querySequenceEnd,\n                plainTextValue: fullText,\n              },\n              results,\n            },\n          };\n        });\n      } catch (err) {\n        console.error(err);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [],\n  );\n\n  const dataSourcesRef = useRef(dataSources);\n  useEffect(() => {\n    dataSourcesRef.current = dataSources;\n  }, [dataSources]);\n\n  useEffect(() => {\n    setSuggestions({});\n\n    if (!selectionStart || selectionStart !== selectionEnd) {\n      return;\n    }\n\n    const currentDataSources = dataSourcesRef.current;\n    const plainText = getPlainText(value, currentDataSources);\n\n    const positionInValue = mapPlainTextIndex(\n      plainText,\n      currentDataSources,\n      selectionStart,\n      'NULL',\n    );\n    if (!positionInValue) {\n      return;\n    }\n\n    const substringStartIndex = getEndOfLastMention(\n      plainText.substring(0, positionInValue),\n      currentDataSources,\n    );\n    const substring = plainText.substring(substringStartIndex, selectionStart);\n\n    currentDataSources.forEach((source, sourceIndex) => {\n      if (!source) {\n        return;\n      }\n\n      const regex = makeTriggerRegex(\n        source.trigger || DefaultTrigger,\n        source.allowSpaceInQuery,\n      );\n      const match = substring.match(regex);\n      if (match) {\n        const querySequenceStart =\n          substringStartIndex + substring.indexOf(match[1], match.index);\n        queryDataSource(\n          source,\n          match[2],\n          sourceIndex,\n          querySequenceStart,\n          querySequenceStart + match[1].length,\n          plainText,\n        );\n      }\n    });\n  }, [selectionStart, selectionEnd, value, queryDataSource]);\n\n  const clearSuggestions = useCallback(() => {\n    setSuggestions({});\n    setFocusIndex(0);\n  }, [setSuggestions, setFocusIndex]);\n\n  const handleSelect = useCallback(\n    (result: SuggestionData<T>, queryInfo: any) => {\n      onSelect(result, queryInfo);\n      clearSuggestions();\n    },\n    [onSelect, clearSuggestions],\n  );\n\n  const handleMouseEnter = useCallback(\n    (focusIndex: number) => {\n      setFocusIndex(focusIndex);\n    },\n    [setFocusIndex],\n  );\n\n  const renderedSuggestions = useMemo(() => {\n    return Object.values(suggestions).reduce(\n      (accResults, { results, queryInfo }) => [\n        ...accResults,\n        ...results.map((result: SuggestionData<T>, index: number) => (\n          <Suggestion\n            key={result.id}\n            id={result.id}\n            query={queryInfo.query}\n            index={index}\n            suggestion={result}\n            focused={index === focusIndex}\n            onClick={() => handleSelect(result, queryInfo)}\n            onMouseEnter={() => handleMouseEnter(index)}\n          />\n        )),\n      ],\n      [],\n    );\n  }, [suggestions, handleSelect, handleMouseEnter, focusIndex]);\n\n  if (selectionStart === null || selectionStart !== selectionEnd) {\n    return null;\n  }\n\n  if (!loading && renderedSuggestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <KeyboardListener\n        suggestions={suggestions}\n        clearSuggestions={clearSuggestions}\n        onSelect={handleSelect}\n        focusIndex={focusIndex}\n        setFocusIndex={setFocusIndex}\n        setScrollFocusedIntoView={setScrollFocusedIntoView}\n        loading={loading}\n      />\n      <Popper\n        placement=\"bottom-start\"\n        {...props.slotProps?.popper}\n        sx={{ zIndex: 2, ...props.slotProps?.popper?.sx }}\n        open={true}\n        anchorEl={cursorRef.current}\n      >\n        <Paper elevation={8} onMouseDown={onMouseDown}>\n          <List\n            ref={ulElement}\n            sx={{ width: '300px', maxHeight: '40vh', overflow: 'auto' }}\n          >\n            {renderedSuggestions.length > 0\n              ? renderedSuggestions\n              : loading && (\n                  <Stack\n                    justifyContent=\"center\"\n                    alignItems=\"center\"\n                    height=\"40vh\"\n                  >\n                    <CircularProgress />\n                  </Stack>\n                )}\n          </List>\n        </Paper>\n      </Popper>\n    </>\n  );\n};\n\nexport default SuggestionsOverlay;\n\nenum Key {\n  Tab = 'Tab',\n  Return = 'Enter',\n  Escape = 'Escape',\n  Up = 'ArrowUp',\n  Down = 'ArrowDown',\n}\n\nconst KeyboardListener = <T extends BaseSuggestionData>(\n  props: KeyboardListenerProps<T>,\n): ReactNode => {\n  const {\n    suggestions,\n    clearSuggestions,\n    focusIndex,\n    setFocusIndex,\n    setScrollFocusedIntoView,\n    onSelect,\n    loading,\n  } = props;\n\n  useEffect(() => {\n    const shiftFocus = (delta: number) => {\n      if (loading) return;\n\n      const suggestionsCount = countSuggestions(suggestions);\n      setFocusIndex((suggestionsCount + focusIndex + delta) % suggestionsCount);\n      setScrollFocusedIntoView(true);\n    };\n\n    const selectFocused = () => {\n      if (loading) return;\n\n      const {\n        result,\n        queryInfo,\n      }: { result: SuggestionData<T>; queryInfo: SuggestionsQueryInfo } =\n        Object.values(suggestions).reduce(\n          (acc: Suggestions<T>[], { results, queryInfo }: Suggestions<T>) => [\n            ...acc,\n            ...results.map((result: SuggestionData<T>) => ({\n              result,\n              queryInfo,\n            })),\n          ],\n          [],\n        )[focusIndex];\n      onSelect(result, queryInfo);\n    };\n\n    const handleKeyDown = (ev: KeyboardEvent) => {\n      switch (ev.key) {\n        case Key.Escape: {\n          clearSuggestions();\n          break;\n        }\n        case Key.Down: {\n          shiftFocus(+1);\n          break;\n        }\n        case Key.Up: {\n          shiftFocus(-1);\n          break;\n        }\n\n        case Key.Return:\n        case Key.Tab: {\n          selectFocused();\n          break;\n        }\n        default: {\n          return;\n        }\n      }\n\n      ev.preventDefault();\n      ev.stopPropagation();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [\n    suggestions,\n    clearSuggestions,\n    focusIndex,\n    setFocusIndex,\n    onSelect,\n    setScrollFocusedIntoView,\n    loading,\n  ]);\n\n  return null;\n};\n","import { ReactNode } from 'react';\nimport ListItemButton from '@mui/material/ListItemButton';\n\nimport {\n  BaseSuggestionData,\n  DefaultDisplayTransform,\n} from 'types/fieldMentions';\n\nimport { SuggestionProps } from './props';\n\nconst Suggestion = <T extends BaseSuggestionData>(\n  props: SuggestionProps<T>,\n): ReactNode => {\n  const { renderSuggestion, suggestion, focused, onClick, onMouseEnter } =\n    props;\n\n  if (renderSuggestion) {\n    return renderSuggestion(props);\n  }\n\n  const display = DefaultDisplayTransform(suggestion.id, suggestion.display);\n  return (\n    <ListItemButton\n      role=\"option\"\n      aria-selected={focused}\n      selected={focused}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n    >\n      {display}\n    </ListItemButton>\n  );\n};\n\nexport default Suggestion;\n"]}
+{"version":3,"sources":["../../../src/components/FieldMentions/index.tsx","../../../src/components/FieldMentions/Highlighter/index.tsx","../../../src/components/FieldMentions/Mention/index.tsx","../../../src/components/FieldMentions/utils.ts","../../../src/components/FieldMentions/SuggestionOverlay/index.tsx","../../../src/components/FieldMentions/SuggestionOverlay/Suggestion/index.tsx"],"names":["useEffect","useRef","useState","TextField","Box","Portal","jsx","Mention","display","color","backgroundColor","Mention_default","invariant","isNumber","val","combineRegExps","regExps","serializedRegexParser","regex","regexString","regexFlags","countPlaceholders","markup","count","findIndexOfCapturingGroup","parameterName","indexDisplay","indexId","iterateMentionsMarkup","value","dataSources","markupProcessor","plainTextProcessor","multiline","ds","verifyCapturingGroups","DefaultMarkupTemplate","markupToRegex","accOffset","captureGroupOffsets","result","match","start","currentPlainTextIndex","offset","o","mentionChildIndex","displayTransform","idPos","displayPos","id","DefaultDisplayTransform","substr","getPlainText","_match","_index","_plainTextIndex","_id","plainText","numberOfGroups","numberOfPlaceholders","escapedMarkup","escapeRegex","charAfterDisplay","charAfterId","str","applyChangeToValue","plainTextValue","selectionStartBefore","selectionEndBefore","selectionEndAfter","oldPlainTextValue","lengthDelta","insert","spliceStart","spliceEnd","mappedSpliceStart","mapPlainTextIndex","mappedSpliceEnd","controlSpliceStart","controlSpliceEnd","willRemoveMention","newValue","spliceString","controlPlainTextValue","indexInPlainText","inMarkupCorrection","index","mentionPlainTextIndex","substrPlainTextIndex","end","findStartOfMentionInPlainText","_markup","getMentions","mentions","plainTextIndex","childIndex","countSuggestions","suggestions","acc","results","getEndOfLastMention","lastMention","makeTriggerRegex","trigger","allowSpaceInQuery","escapedTriggerChar","getDataProvider","data","ignoreAccents","query","i","getSubstringIndex","normalizeString","removeAccents","formattedStr","diacritics_default","letterDiacritics","makeMentionsMarkup","jsxs","getHighlighterRect","input","rec","computedStyle","Highlighter","props","highlighterRef","cursorRef","selectionEnd","selectionStart","components","dataSourceIndex","dataSource","text","indexInPlaintext","theme","splitIndex","startText","endText","rect","Highlighter_default","useCallback","useMemo","CircularProgress","List","Paper","Popper","Stack","ListItemButton","Suggestion","renderSuggestion","suggestion","focused","onClick","onMouseEnter","Suggestion_default","Fragment","SuggestionsOverlay","onSelect","onMouseDown","ulElement","setSuggestions","focusIndex","setFocusIndex","scrollFocusedIntoView","setScrollFocusedIntoView","loading","setLoading","current","scrollTop","top","bottom","topContainer","queryDataSource","source","sourceIndex","querySequenceStart","querySequenceEnd","fullText","dataProvider","s","err","dataSourcesRef","currentDataSources","positionInValue","substringStartIndex","substring","DefaultTrigger","clearSuggestions","handleSelect","queryInfo","handleMouseEnter","renderedSuggestions","accResults","KeyboardListener","SuggestionOverlay_default","shiftFocus","delta","suggestionsCount","selectFocused","handleKeyDown","ev","FieldMentions","stateValue","setStateValue","inputRef","setInputRef","suggestionsMouseDown","setSelectionStart","setSelectionEnd","handleInputRef","ref","externalInputRef","typedRef","onScroll","others","finalValue","handleBlur","handleSuggestionsMouseDown","addMention","appendSpaceOnAdd","onAdd","displayValue","newCaretPosition","newPlainTextValue","handleChange","selectionStartAfter","startOfMention","nativeEvent","dataLength","inputProps","FieldMentions_default"],"mappings":"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","sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\n\nimport {\n  BaseSuggestionData,\n  DefaultDisplayTransform,\n  DefaultMarkupTemplate,\n  SuggestionData,\n  SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport Highlighter from './Highlighter';\nimport { FieldMentionsBaseProps, FieldMentionsProps } from './props';\nimport SuggestionsOverlay from './SuggestionOverlay';\nimport {\n  applyChangeToValue,\n  findStartOfMentionInPlainText,\n  getMentions,\n  getPlainText,\n  isNumber,\n  makeMentionsMarkup,\n  mapPlainTextIndex,\n  spliceString,\n} from './utils';\n\nconst FieldMentions = <T extends BaseSuggestionData>(\n  props: FieldMentionsProps<T>,\n): ReactNode => {\n  const [stateValue, setStateValue] = useState<string>(\n    props.defaultValue || '',\n  );\n\n  const [inputRef, setInputRef] = useState<\n    HTMLInputElement | HTMLTextAreaElement | null\n  >(null);\n  const highlighterRef = useRef<HTMLDivElement>(null);\n  const cursorRef = useRef<HTMLSpanElement>(null);\n  const suggestionsMouseDown = useRef(false);\n\n  const [selectionStart, setSelectionStart] = useState<number | null>(null);\n  const [selectionEnd, setSelectionEnd] = useState<number | null>(null);\n\n  const handleInputRef = (\n    ref: HTMLInputElement | HTMLTextAreaElement | null,\n  ) => {\n    setInputRef(ref);\n\n    if (externalInputRef) {\n      if (typeof externalInputRef === 'function') {\n        externalInputRef(ref);\n      } else if (\n        externalInputRef &&\n        'current' in externalInputRef &&\n        typeof externalInputRef !== 'function'\n      ) {\n        const typedRef = externalInputRef as React.RefObject<\n          HTMLInputElement | HTMLTextAreaElement | null\n        >;\n        typedRef.current = ref;\n      }\n    }\n  };\n\n  useEffect(() => {\n    const input = inputRef;\n    const onScroll = () => {\n      if (!highlighterRef.current || !input) {\n        return;\n      }\n      highlighterRef.current.scrollLeft = input.scrollLeft;\n      highlighterRef.current.scrollTop = input.scrollTop;\n    };\n\n    input?.addEventListener('scroll', onScroll);\n    return () => input?.removeEventListener('scroll', onScroll);\n  }, [inputRef, highlighterRef]);\n\n  useEffect(() => {\n    const input = inputRef;\n    if (\n      !input ||\n      (input.selectionStart === selectionStart &&\n        input.selectionEnd === selectionEnd)\n    ) {\n      return;\n    }\n    input.setSelectionRange(selectionStart, selectionEnd);\n  }, [selectionStart, selectionEnd, inputRef]);\n\n  const { value, dataSources, inputRef: externalInputRef, ...others } = props;\n  const finalValue = value !== undefined ? value : stateValue;\n\n  const handleBlur = () => {\n    if (!suggestionsMouseDown.current) {\n      setSelectionStart(null);\n      setSelectionEnd(null);\n    }\n    suggestionsMouseDown.current = false;\n  };\n\n  const handleSuggestionsMouseDown = () => {\n    suggestionsMouseDown.current = true;\n  };\n\n  const addMention = (\n    suggestion: SuggestionData<T>,\n    {\n      childIndex,\n      querySequenceStart,\n      querySequenceEnd,\n      plainTextValue,\n    }: SuggestionsQueryInfo,\n  ) => {\n    const dataSource = dataSources[childIndex];\n\n    const { markup, displayTransform, appendSpaceOnAdd, onAdd } = dataSource;\n\n    const start = mapPlainTextIndex(\n      finalValue,\n      dataSources,\n      querySequenceStart,\n      'START',\n    );\n    if (!isNumber(start)) {\n      return;\n    }\n\n    const end = start + querySequenceEnd - querySequenceStart;\n\n    let insert = makeMentionsMarkup(\n      markup || DefaultMarkupTemplate,\n      suggestion.id,\n      suggestion.display,\n    );\n    let displayValue = (displayTransform || DefaultDisplayTransform)(\n      suggestion.id,\n      suggestion.display,\n    );\n\n    if (appendSpaceOnAdd) {\n      insert += ' ';\n      displayValue += ' ';\n    }\n\n    const newCaretPosition = querySequenceStart + displayValue.length;\n    setSelectionStart(newCaretPosition);\n    setSelectionEnd(newCaretPosition);\n\n    const newValue = spliceString(finalValue, start, end, insert);\n    const mentions = getMentions(newValue, dataSources);\n    const newPlainTextValue = spliceString(\n      plainTextValue,\n      querySequenceStart,\n      querySequenceEnd,\n      displayValue,\n    );\n\n    const onChange = props.onChange || setStateValue;\n    onChange(newValue, newPlainTextValue, mentions);\n    onAdd?.(suggestion, start, end);\n  };\n\n  const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    let newPlainTextValue = ev.target.value;\n\n    let selectionStartBefore = selectionStart;\n    if (!isNumber(selectionStartBefore)) {\n      selectionStartBefore = ev.target.selectionStart;\n    }\n\n    let selectionEndBefore = selectionEnd;\n    if (!isNumber(selectionEndBefore)) {\n      selectionEndBefore = ev.target.selectionEnd;\n    }\n\n    const newValue = applyChangeToValue(\n      finalValue,\n      newPlainTextValue,\n      selectionStartBefore,\n      selectionEndBefore,\n      ev.target.selectionEnd || 0,\n      dataSources,\n      props.multiline,\n    );\n\n    newPlainTextValue = getPlainText(newValue, dataSources);\n\n    let selectionStartAfter = ev.target.selectionStart;\n    let selectionEndAfter = ev.target.selectionEnd;\n\n    const startOfMention = findStartOfMentionInPlainText(\n      finalValue,\n      dataSources,\n      ev.target.selectionStart || 0,\n    );\n    if (\n      startOfMention !== undefined &&\n      selectionEndAfter !== null &&\n      selectionEndAfter > startOfMention\n    ) {\n      const nativeEvent = ev.nativeEvent;\n      const dataLength =\n        'data' in nativeEvent && typeof nativeEvent.data === 'string'\n          ? nativeEvent.data.length\n          : 0;\n      selectionStartAfter = startOfMention + dataLength;\n      selectionEndAfter = selectionStartAfter;\n    }\n\n    setSelectionStart(selectionStartAfter);\n    setSelectionEnd(selectionEndAfter);\n\n    const mentions = getMentions(newValue, dataSources);\n\n    const onChange = props.onChange || setStateValue;\n    onChange(newValue, newPlainTextValue, mentions);\n  };\n\n  const handleSelect = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectionStart(ev.target.selectionStart);\n    setSelectionEnd(ev.target.selectionEnd);\n    props.onSelect?.(ev);\n  };\n\n  const inputProps: TextFieldProps = {\n    ...others,\n    value: getPlainText(finalValue, dataSources, props.multiline),\n    onChange: handleChange,\n    onSelect: handleSelect,\n    onBlur: handleBlur,\n    InputProps: {\n      sx: {\n        overscrollBehavior: 'none',\n        color: 'transparent',\n        caretColor: (theme: Theme) => theme.palette.text.primary,\n      },\n    },\n  };\n\n  return (\n    <>\n      <Highlighter\n        highlighterRef={highlighterRef}\n        cursorRef={cursorRef}\n        selectionStart={selectionStart}\n        selectionEnd={selectionEnd}\n        value={finalValue}\n        dataSources={dataSources}\n        inputRef={inputRef}\n        multiline={inputProps.multiline}\n      />\n      <TextField inputRef={handleInputRef} {...inputProps} />\n      <SuggestionsOverlay\n        value={finalValue}\n        dataSources={dataSources}\n        selectionStart={selectionStart}\n        selectionEnd={selectionEnd}\n        cursorRef={cursorRef}\n        loading={false}\n        onSelect={addMention}\n        onMouseDown={handleSuggestionsMouseDown}\n        slotProps={props.slotProps?.suggestionsOverlay}\n      />\n    </>\n  );\n};\n\nexport default FieldMentions;\nexport type { FieldMentionsBaseProps, FieldMentionsProps };\n","import { type JSX, ReactNode } from 'react';\nimport Box from '@mui/material/Box';\nimport Portal from '@mui/material/Portal';\n\nimport { BaseSuggestionData } from 'types/fieldMentions';\n\nimport Mention from '../Mention';\nimport { iterateMentionsMarkup } from '../utils';\n\nimport { HighlighterProps } from './props';\n\nfunction getHighlighterRect(\n  input?: HTMLInputElement | HTMLTextAreaElement | null,\n) {\n  const rec = { x: 0, y: 0, width: 0, height: 0 };\n  if (!input) {\n    return rec;\n  }\n\n  const computedStyle = getComputedStyle(input);\n  rec.width = input.clientWidth;\n  rec.width -= parseFloat(computedStyle.paddingLeft);\n  rec.width -= parseFloat(computedStyle.paddingRight);\n  rec.height = input.clientHeight;\n  rec.height -= parseFloat(computedStyle.paddingTop);\n  rec.height -= parseFloat(computedStyle.paddingBottom);\n\n  rec.x = input.offsetLeft;\n  rec.x += parseFloat(computedStyle.paddingLeft);\n  rec.x += parseFloat(computedStyle.borderLeft);\n  rec.y = input.offsetTop;\n  rec.y += parseFloat(computedStyle.paddingTop);\n  rec.y += parseFloat(computedStyle.borderTop);\n\n  return rec;\n}\n\nconst Highlighter = <T extends BaseSuggestionData>(\n  props: HighlighterProps<T>,\n): ReactNode => {\n  const {\n    highlighterRef,\n    cursorRef,\n    selectionEnd,\n    selectionStart,\n    value,\n    dataSources,\n    multiline,\n  } = props;\n  const components: JSX.Element[] = [];\n\n  const handleMention = (\n    _markup: string,\n    index: number,\n    _plainTextIndex: number,\n    id: string,\n    display: string,\n    dataSourceIndex: number,\n  ) => {\n    const dataSource = dataSources[dataSourceIndex];\n    components.push(\n      <Mention\n        key={`${id}-${index}`}\n        display={display}\n        color={dataSource?.color}\n        backgroundColor={dataSource?.backgroundColor}\n      />,\n    );\n  };\n\n  const handlePlainText = (\n    text: string,\n    index: number,\n    indexInPlaintext: number,\n  ) => {\n    if (!multiline) {\n      text = text.replaceAll('\\n', '');\n    }\n\n    const renderCursor =\n      selectionStart &&\n      selectionStart === selectionEnd &&\n      selectionStart >= indexInPlaintext &&\n      selectionStart <= indexInPlaintext + text.length;\n\n    if (!renderCursor) {\n      components.push(\n        <Box\n          key={`${index}-${indexInPlaintext}`}\n          component=\"span\"\n          sx={{ color: theme => theme.palette.text.primary }}\n        >\n          {text}\n        </Box>,\n      );\n    } else {\n      const splitIndex = selectionStart - indexInPlaintext;\n      const startText = text.substring(0, splitIndex);\n      const endText = text.substring(splitIndex);\n\n      if (startText) {\n        components.push(\n          <Box\n            key={`${index}-${indexInPlaintext}-precursor`}\n            component=\"span\"\n            sx={{ color: theme => theme.palette.text.primary }}\n          >\n            {startText}\n          </Box>,\n        );\n      }\n\n      components.push(\n        <Box\n          key=\"cursor\"\n          ref={cursorRef}\n          component=\"span\"\n          visibility=\"hidden\"\n        ></Box>,\n      );\n\n      if (endText) {\n        components.push(\n          <Box\n            key={`${index}-${indexInPlaintext}-postcursor`}\n            component=\"span\"\n            sx={{ color: theme => theme.palette.text.primary }}\n          >\n            {endText}\n          </Box>,\n        );\n      }\n    }\n  };\n\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    handleMention,\n    handlePlainText,\n    multiline,\n  );\n\n  const rect = getHighlighterRect(props.inputRef);\n\n  return (\n    <Portal container={() => props.inputRef?.parentElement || null}>\n      <Box\n        ref={highlighterRef}\n        sx={{\n          position: 'absolute',\n          top: `${rect.y}px`,\n          left: `${rect.x}px`,\n          width: `${rect.width}px`,\n          height: `${rect.height}px`,\n          whiteSpace: multiline ? 'pre-wrap' : 'pre',\n          overflow: 'hidden',\n          overscrollBehavior: 'none',\n          zIndex: 1,\n          pointerEvents: 'none',\n        }}\n      >\n        {components}\n        <Box component=\"span\" visibility=\"hidden\">\n          {' '}\n        </Box>\n      </Box>\n    </Portal>\n  );\n};\n\nexport default Highlighter;\n","import Box from '@mui/material/Box';\n\nimport { MentionProps } from './props';\n\nconst Mention = ({ display, color, backgroundColor }: MentionProps) => {\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        color: color || 'inherit',\n        bgcolor: backgroundColor,\n      }}\n    >\n      {display}\n    </Box>\n  );\n};\n\nexport default Mention;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport invariant from 'invariant';\n\nimport {\n  BaseSuggestionData,\n  DefaultDisplayTransform,\n  DefaultMarkupTemplate,\n  MentionData,\n  SuggestionData,\n  SuggestionDataSource,\n  SuggestionsMap,\n} from 'types/fieldMentions';\nimport lettersDiacritics from 'utils/diacritics';\n\nenum Placeholders {\n  id = '__id__',\n  display = '__display__',\n}\n\nexport function isNumber(val: any): val is number {\n  return typeof val === 'number';\n}\n\nfunction combineRegExps(regExps: RegExp[]): RegExp {\n  const serializedRegexParser = /^\\/(.+)\\/(\\w+)?$/;\n  return new RegExp(\n    regExps\n      .map(regex => {\n        const [, regexString, regexFlags] =\n          serializedRegexParser.exec(regex.toString()) || [];\n\n        invariant(\n          !regexFlags,\n          `RegExp flags are not supported. Change /${regexString}/${regexFlags} into /${regexString}/`,\n        );\n\n        return `(${regexString})`;\n      })\n      .join('|'),\n    'g',\n  );\n}\n\nfunction countPlaceholders(markup: string): number {\n  let count = 0;\n  if (markup.indexOf(Placeholders.id) >= 0) count++;\n  if (markup.indexOf(Placeholders.display) >= 0) count++;\n  return count;\n}\n\nfunction findIndexOfCapturingGroup(\n  markup: string,\n  parameterName: 'id' | 'display',\n): number {\n  invariant(\n    parameterName === 'id' || parameterName === 'display',\n    `Second arg must be either \"id\" or \"display\", got: \"${parameterName}\"`,\n  );\n\n  const indexDisplay = markup.indexOf(Placeholders.display);\n  const indexId = markup.indexOf(Placeholders.id);\n\n  invariant(\n    indexDisplay >= 0 || indexId >= 0,\n    `The markup '${markup}' does not contain at least one of the placeholders '__id__' or '__display__'`,\n  );\n\n  if (indexDisplay >= 0 && indexId >= 0) {\n    return (parameterName === 'id' && indexId <= indexDisplay) ||\n      (parameterName === 'display' && indexDisplay <= indexId)\n      ? 0\n      : 1;\n  }\n\n  return 0;\n}\n\nexport function iterateMentionsMarkup<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  markupProcessor: (\n    match: string,\n    matchIndex: number,\n    plainTextIndex: number,\n    id: string,\n    display: string,\n    mentionIndex: number,\n    start: number,\n  ) => void,\n  plainTextProcessor?: (\n    value: string,\n    start: number,\n    currentIndex: number,\n  ) => void,\n  multiline?: boolean,\n) {\n  const regex = combineRegExps(\n    dataSources.map(ds =>\n      ds.regex\n        ? verifyCapturingGroups(ds.regex, ds.markup || DefaultMarkupTemplate)\n        : markupToRegex(ds.markup || DefaultMarkupTemplate),\n    ),\n  );\n\n  let accOffset = 2;\n  const captureGroupOffsets = dataSources.map(({ markup }) => {\n    const result = accOffset;\n    accOffset += countPlaceholders(markup || DefaultMarkupTemplate) + 1;\n    return result;\n  });\n\n  let match: RegExpExecArray | null;\n  let start = 0;\n  let currentPlainTextIndex = 0;\n\n  while ((match = regex.exec(value)) !== null) {\n    const offset = captureGroupOffsets.find(o => !!match?.[o]);\n    if (offset === undefined) {\n      continue;\n    }\n\n    const mentionChildIndex = captureGroupOffsets.indexOf(offset);\n    const { markup, displayTransform } = dataSources[mentionChildIndex];\n    const idPos =\n      offset + findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'id');\n    const displayPos =\n      offset +\n      findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'display');\n\n    const id = match[idPos];\n    const display = displayTransform\n      ? displayTransform(id, match[displayPos])\n      : DefaultDisplayTransform(id, match[displayPos], multiline);\n\n    const substr = value.substring(start, match.index);\n    plainTextProcessor?.(substr, start, currentPlainTextIndex);\n    currentPlainTextIndex += substr.length;\n\n    markupProcessor(\n      match[0],\n      match.index,\n      currentPlainTextIndex,\n      id,\n      display,\n      mentionChildIndex,\n      start,\n    );\n    currentPlainTextIndex += display.length;\n    start = regex.lastIndex;\n  }\n\n  if (start < value.length) {\n    plainTextProcessor?.(value.substring(start), start, currentPlainTextIndex);\n  }\n}\n\nexport function getPlainText<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  multiline?: boolean,\n): string {\n  let result = '';\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    (_match, _index, _plainTextIndex, _id, display) => {\n      result += display;\n    },\n    plainText => {\n      result += plainText;\n    },\n    multiline,\n  );\n  return result;\n}\n\nconst verifyCapturingGroups = (regex: RegExp, markup: string) => {\n  const numberOfGroups =\n    (new RegExp(regex.toString() + '|').exec('')?.length || 0) - 1;\n  const numberOfPlaceholders = countPlaceholders(markup);\n\n  invariant(\n    numberOfGroups === numberOfPlaceholders,\n    `Number of capturing groups in RegExp ${regex.toString()} (${numberOfGroups}) does not match the number of placeholders in the markup '${markup}' (${numberOfPlaceholders})`,\n  );\n\n  return regex;\n};\n\nconst markupToRegex = (markup: string) => {\n  const escapedMarkup = escapeRegex(markup);\n\n  const charAfterDisplay =\n    markup[markup.indexOf(Placeholders.display) + Placeholders.display.length];\n  const charAfterId =\n    markup[markup.indexOf(Placeholders.id) + Placeholders.id.length];\n\n  return new RegExp(\n    escapedMarkup\n      .replace(\n        Placeholders.display,\n        `([^${escapeRegex(charAfterDisplay || '')}]+?)`,\n      )\n      .replace(Placeholders.id, `([^${escapeRegex(charAfterId || '')}]+?)`),\n  );\n};\n\nconst escapeRegex = (str: string) =>\n  str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n\nexport function applyChangeToValue<T extends BaseSuggestionData>(\n  value: string,\n  plainTextValue: string,\n  selectionStartBefore: number | null,\n  selectionEndBefore: number | null,\n  selectionEndAfter: number,\n  dataSources: SuggestionDataSource<T>[],\n  multiline?: boolean,\n) {\n  const oldPlainTextValue = getPlainText(value, dataSources, multiline);\n\n  const lengthDelta = oldPlainTextValue.length - plainTextValue.length;\n  if (selectionStartBefore === null) {\n    selectionStartBefore = selectionEndAfter + lengthDelta;\n  }\n\n  if (selectionEndBefore === null) {\n    selectionEndBefore = selectionStartBefore;\n  }\n\n  if (\n    selectionStartBefore === selectionEndBefore &&\n    selectionEndBefore === selectionEndAfter &&\n    oldPlainTextValue.length === plainTextValue.length\n  ) {\n    selectionStartBefore = selectionStartBefore - 1;\n  }\n\n  let insert = plainTextValue.slice(selectionStartBefore, selectionEndAfter);\n\n  let spliceStart = Math.min(selectionStartBefore, selectionEndAfter);\n\n  let spliceEnd = selectionEndBefore;\n  if (selectionStartBefore === selectionEndAfter) {\n    spliceEnd = Math.max(\n      selectionEndBefore,\n      selectionStartBefore + lengthDelta,\n    );\n  }\n\n  let mappedSpliceStart = mapPlainTextIndex(\n    value,\n    dataSources,\n    spliceStart,\n    'START',\n  );\n  let mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n\n  const controlSpliceStart = mapPlainTextIndex(\n    value,\n    dataSources,\n    spliceStart,\n    'NULL',\n  );\n  const controlSpliceEnd = mapPlainTextIndex(\n    value,\n    dataSources,\n    spliceEnd,\n    'NULL',\n  );\n  const willRemoveMention =\n    controlSpliceStart === null || controlSpliceEnd === null;\n\n  let newValue = spliceString(\n    value,\n    mappedSpliceStart || 0,\n    mappedSpliceEnd || 0,\n    insert,\n  );\n\n  if (!willRemoveMention) {\n    const controlPlainTextValue = getPlainText(\n      newValue,\n      dataSources,\n      multiline,\n    );\n    if (controlPlainTextValue !== plainTextValue) {\n      spliceStart = 0;\n      while (plainTextValue[spliceStart] === controlPlainTextValue[spliceStart])\n        spliceStart++;\n\n      insert = plainTextValue.slice(spliceStart, selectionEndAfter);\n\n      spliceEnd = oldPlainTextValue.lastIndexOf(\n        plainTextValue.substring(selectionEndAfter),\n      );\n\n      mappedSpliceStart = mapPlainTextIndex(\n        value,\n        dataSources,\n        spliceStart,\n        'START',\n      );\n      mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n      newValue = spliceString(\n        value,\n        mappedSpliceStart || 0,\n        mappedSpliceEnd || 0,\n        insert,\n      );\n    }\n  }\n\n  return newValue;\n}\n\nexport function mapPlainTextIndex<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  indexInPlainText: number,\n  inMarkupCorrection: 'START' | 'END' | 'NULL' = 'START',\n): number | null | undefined {\n  if (typeof indexInPlainText !== 'number') {\n    return indexInPlainText;\n  }\n\n  let result: number | undefined | null = undefined;\n\n  const plainTextProcessor = (\n    substr: string,\n    index: number,\n    substrPlainTextIndex: number,\n  ) => {\n    if (result !== undefined) return;\n\n    if (substrPlainTextIndex + substr.length >= indexInPlainText) {\n      result = index + indexInPlainText - substrPlainTextIndex;\n    }\n  };\n\n  const markupProcessor = (\n    markup: string,\n    index: number,\n    mentionPlainTextIndex: number,\n    _id: string,\n    display: string,\n  ) => {\n    if (result !== undefined) return;\n\n    if (mentionPlainTextIndex + display.length > indexInPlainText) {\n      if (inMarkupCorrection === 'NULL') {\n        result = null;\n      } else {\n        result = index + (inMarkupCorrection === 'END' ? markup.length : 0);\n      }\n    }\n  };\n\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    markupProcessor,\n    plainTextProcessor,\n  );\n\n  return result === undefined ? value.length : result;\n}\n\nexport function spliceString(\n  str: string,\n  start: number,\n  end: number,\n  insert: string,\n): string {\n  return str.substring(0, start) + insert + str.substring(end);\n}\n\nexport function findStartOfMentionInPlainText<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n  indexInPlainText: number,\n): number | undefined {\n  let result: number | undefined = undefined;\n\n  const markupProcessor = (\n    _markup: string,\n    _index: number,\n    mentionPlainTextIndex: number,\n    _id: string,\n    display: string,\n  ) => {\n    if (\n      mentionPlainTextIndex <= indexInPlainText &&\n      mentionPlainTextIndex + display.length > indexInPlainText\n    ) {\n      result = mentionPlainTextIndex;\n    }\n  };\n\n  iterateMentionsMarkup(value, dataSources, markupProcessor);\n  return result;\n}\n\nexport function getMentions<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n): MentionData[] {\n  const mentions: MentionData[] = [];\n  iterateMentionsMarkup(\n    value,\n    dataSources,\n    (_match, index, plainTextIndex, id, display, childIndex) => {\n      mentions.push({\n        id,\n        display,\n        dataSourceIndex: childIndex,\n        index,\n        plainTextIndex,\n      });\n    },\n  );\n  return mentions;\n}\n\nexport function countSuggestions<T extends BaseSuggestionData>(\n  suggestions: SuggestionsMap<T>,\n) {\n  return Object.values(suggestions).reduce(\n    (acc, { results }) => acc + results.length,\n    0,\n  );\n}\n\nexport function getEndOfLastMention<T extends BaseSuggestionData>(\n  value: string,\n  dataSources: SuggestionDataSource<T>[],\n) {\n  const mentions = getMentions(value, dataSources);\n  const lastMention = mentions[mentions.length - 1];\n  return lastMention\n    ? lastMention.plainTextIndex + lastMention.display.length\n    : 0;\n}\n\nexport function makeTriggerRegex(\n  trigger: string | RegExp,\n  allowSpaceInQuery?: boolean,\n) {\n  if (trigger instanceof RegExp) {\n    return trigger;\n  } else {\n    const escapedTriggerChar = escapeRegex(trigger);\n\n    return new RegExp(\n      `(?:^|\\\\s)(${escapedTriggerChar}([^${allowSpaceInQuery ? '' : '\\\\s'}${escapedTriggerChar}]*))$`,\n    );\n  }\n}\n\nexport function getDataProvider<T extends BaseSuggestionData>(\n  data: SuggestionData<T>[] | ((query: string) => Promise<SuggestionData<T>[]>),\n  ignoreAccents?: boolean,\n): (query: string) => Promise<SuggestionData<T>[]> {\n  if (data instanceof Array) {\n    return async function (query: string) {\n      const results = [];\n      for (let i = 0, l = data.length; i < l; ++i) {\n        const display = data[i].display || data[i].id;\n        if (getSubstringIndex(display, query, ignoreAccents) >= 0) {\n          results.push(data[i]);\n        }\n      }\n      return results;\n    };\n  }\n  return data;\n}\n\nconst getSubstringIndex = (\n  str: string,\n  substr: string,\n  ignoreAccents?: boolean,\n) => {\n  if (!ignoreAccents) {\n    return str.toLowerCase().indexOf(substr.toLowerCase());\n  }\n\n  return normalizeString(str).indexOf(normalizeString(substr));\n};\n\nconst removeAccents = (str: string) => {\n  let formattedStr = str;\n\n  lettersDiacritics.forEach(letterDiacritics => {\n    formattedStr = formattedStr.replace(\n      letterDiacritics.letters,\n      letterDiacritics.base,\n    );\n  });\n\n  return formattedStr;\n};\n\nconst normalizeString = (str: string) => removeAccents(str).toLowerCase();\n\nexport const makeMentionsMarkup = (\n  markup: string,\n  id: string,\n  display?: string,\n) => {\n  return markup\n    .replace(Placeholders.id, id)\n    .replace(Placeholders.display, display || id);\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable no-console */\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport List from '@mui/material/List';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport Stack from '@mui/material/Stack';\n\nimport {\n  BaseSuggestionData,\n  DefaultTrigger,\n  SuggestionData,\n  SuggestionDataSource,\n  Suggestions,\n  SuggestionsMap,\n  SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport {\n  countSuggestions,\n  getDataProvider,\n  getEndOfLastMention,\n  getPlainText,\n  makeTriggerRegex,\n  mapPlainTextIndex,\n} from '../utils';\n\nimport { KeyboardListenerProps, SuggestionsOverlayProps } from './props';\nimport Suggestion from './Suggestion';\n\nconst SuggestionsOverlay = <T extends BaseSuggestionData>(\n  props: SuggestionsOverlayProps<T>,\n) => {\n  const {\n    value,\n    dataSources,\n    selectionStart,\n    selectionEnd,\n    cursorRef,\n    onSelect,\n    onMouseDown,\n  } = props;\n  const ulElement = useRef<HTMLUListElement>(null);\n  const [suggestions, setSuggestions] = useState<SuggestionsMap<T>>({});\n  const [focusIndex, setFocusIndex] = useState(0);\n  const [scrollFocusedIntoView, setScrollFocusedIntoView] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    const current = ulElement.current;\n    if (!scrollFocusedIntoView || !current || current.children.length === 0) {\n      return;\n    }\n\n    const scrollTop = current.scrollTop;\n\n    let { top, bottom } = current.children[focusIndex].getBoundingClientRect();\n    const { top: topContainer } = current.getBoundingClientRect();\n    top = top - topContainer + scrollTop;\n    bottom = bottom - topContainer + scrollTop;\n\n    if (top < scrollTop) {\n      current.scrollTop = top;\n    } else if (bottom > current.offsetHeight + scrollTop) {\n      current.scrollTop = bottom - current.offsetHeight;\n    }\n\n    setScrollFocusedIntoView(false);\n  }, [scrollFocusedIntoView, ulElement, focusIndex, setScrollFocusedIntoView]);\n\n  const queryDataSource = useCallback(\n    async (\n      source: SuggestionDataSource<T>,\n      query: string,\n      sourceIndex: number,\n      querySequenceStart: number,\n      querySequenceEnd: number,\n      fullText: string,\n    ) => {\n      try {\n        const dataProvider = getDataProvider(source.data, source.ignoreAccents);\n        setLoading(true);\n        const results = await dataProvider(query);\n        setSuggestions(s => {\n          return {\n            ...s,\n            [sourceIndex]: {\n              queryInfo: {\n                childIndex: sourceIndex,\n                query,\n                querySequenceStart,\n                querySequenceEnd,\n                plainTextValue: fullText,\n              },\n              results,\n            },\n          };\n        });\n      } catch (err) {\n        console.error(err);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [],\n  );\n\n  const dataSourcesRef = useRef(dataSources);\n  useEffect(() => {\n    dataSourcesRef.current = dataSources;\n  }, [dataSources]);\n\n  useEffect(() => {\n    setSuggestions({});\n\n    if (!selectionStart || selectionStart !== selectionEnd) {\n      return;\n    }\n\n    const currentDataSources = dataSourcesRef.current;\n    const plainText = getPlainText(value, currentDataSources);\n\n    const positionInValue = mapPlainTextIndex(\n      plainText,\n      currentDataSources,\n      selectionStart,\n      'NULL',\n    );\n    if (!positionInValue) {\n      return;\n    }\n\n    const substringStartIndex = getEndOfLastMention(\n      plainText.substring(0, positionInValue),\n      currentDataSources,\n    );\n    const substring = plainText.substring(substringStartIndex, selectionStart);\n\n    currentDataSources.forEach((source, sourceIndex) => {\n      if (!source) {\n        return;\n      }\n\n      const regex = makeTriggerRegex(\n        source.trigger || DefaultTrigger,\n        source.allowSpaceInQuery,\n      );\n      const match = substring.match(regex);\n      if (match) {\n        const querySequenceStart =\n          substringStartIndex + substring.indexOf(match[1], match.index);\n        queryDataSource(\n          source,\n          match[2],\n          sourceIndex,\n          querySequenceStart,\n          querySequenceStart + match[1].length,\n          plainText,\n        );\n      }\n    });\n  }, [selectionStart, selectionEnd, value, queryDataSource]);\n\n  const clearSuggestions = useCallback(() => {\n    setSuggestions({});\n    setFocusIndex(0);\n  }, [setSuggestions, setFocusIndex]);\n\n  const handleSelect = useCallback(\n    (result: SuggestionData<T>, queryInfo: any) => {\n      onSelect(result, queryInfo);\n      clearSuggestions();\n    },\n    [onSelect, clearSuggestions],\n  );\n\n  const handleMouseEnter = useCallback(\n    (focusIndex: number) => {\n      setFocusIndex(focusIndex);\n    },\n    [setFocusIndex],\n  );\n\n  const renderedSuggestions = useMemo(() => {\n    return Object.values(suggestions).reduce(\n      (accResults, { results, queryInfo }) => [\n        ...accResults,\n        ...results.map((result: SuggestionData<T>, index: number) => (\n          <Suggestion\n            key={result.id}\n            id={result.id}\n            query={queryInfo.query}\n            index={index}\n            suggestion={result}\n            focused={index === focusIndex}\n            onClick={() => handleSelect(result, queryInfo)}\n            onMouseEnter={() => handleMouseEnter(index)}\n          />\n        )),\n      ],\n      [],\n    );\n  }, [suggestions, handleSelect, handleMouseEnter, focusIndex]);\n\n  if (selectionStart === null || selectionStart !== selectionEnd) {\n    return null;\n  }\n\n  if (!loading && renderedSuggestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <KeyboardListener\n        suggestions={suggestions}\n        clearSuggestions={clearSuggestions}\n        onSelect={handleSelect}\n        focusIndex={focusIndex}\n        setFocusIndex={setFocusIndex}\n        setScrollFocusedIntoView={setScrollFocusedIntoView}\n        loading={loading}\n      />\n      <Popper\n        placement=\"bottom-start\"\n        {...props.slotProps?.popper}\n        sx={{ zIndex: 2, ...props.slotProps?.popper?.sx }}\n        open={true}\n        anchorEl={cursorRef.current}\n      >\n        <Paper elevation={8} onMouseDown={onMouseDown}>\n          <List\n            ref={ulElement}\n            sx={{ width: '300px', maxHeight: '40vh', overflow: 'auto' }}\n          >\n            {renderedSuggestions.length > 0\n              ? renderedSuggestions\n              : loading && (\n                  <Stack\n                    justifyContent=\"center\"\n                    alignItems=\"center\"\n                    height=\"40vh\"\n                  >\n                    <CircularProgress />\n                  </Stack>\n                )}\n          </List>\n        </Paper>\n      </Popper>\n    </>\n  );\n};\n\nexport default SuggestionsOverlay;\n\nenum Key {\n  Tab = 'Tab',\n  Return = 'Enter',\n  Escape = 'Escape',\n  Up = 'ArrowUp',\n  Down = 'ArrowDown',\n}\n\nconst KeyboardListener = <T extends BaseSuggestionData>(\n  props: KeyboardListenerProps<T>,\n): ReactNode => {\n  const {\n    suggestions,\n    clearSuggestions,\n    focusIndex,\n    setFocusIndex,\n    setScrollFocusedIntoView,\n    onSelect,\n    loading,\n  } = props;\n\n  useEffect(() => {\n    const shiftFocus = (delta: number) => {\n      if (loading) return;\n\n      const suggestionsCount = countSuggestions(suggestions);\n      setFocusIndex((suggestionsCount + focusIndex + delta) % suggestionsCount);\n      setScrollFocusedIntoView(true);\n    };\n\n    const selectFocused = () => {\n      if (loading) return;\n\n      const {\n        result,\n        queryInfo,\n      }: { result: SuggestionData<T>; queryInfo: SuggestionsQueryInfo } =\n        Object.values(suggestions).reduce(\n          (acc: Suggestions<T>[], { results, queryInfo }: Suggestions<T>) => [\n            ...acc,\n            ...results.map((result: SuggestionData<T>) => ({\n              result,\n              queryInfo,\n            })),\n          ],\n          [],\n        )[focusIndex];\n      onSelect(result, queryInfo);\n    };\n\n    const handleKeyDown = (ev: KeyboardEvent) => {\n      switch (ev.key) {\n        case Key.Escape: {\n          clearSuggestions();\n          break;\n        }\n        case Key.Down: {\n          shiftFocus(+1);\n          break;\n        }\n        case Key.Up: {\n          shiftFocus(-1);\n          break;\n        }\n\n        case Key.Return:\n        case Key.Tab: {\n          selectFocused();\n          break;\n        }\n        default: {\n          return;\n        }\n      }\n\n      ev.preventDefault();\n      ev.stopPropagation();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [\n    suggestions,\n    clearSuggestions,\n    focusIndex,\n    setFocusIndex,\n    onSelect,\n    setScrollFocusedIntoView,\n    loading,\n  ]);\n\n  return null;\n};\n","import { ReactNode } from 'react';\nimport ListItemButton from '@mui/material/ListItemButton';\n\nimport {\n  BaseSuggestionData,\n  DefaultDisplayTransform,\n} from 'types/fieldMentions';\n\nimport { SuggestionProps } from './props';\n\nconst Suggestion = <T extends BaseSuggestionData>(\n  props: SuggestionProps<T>,\n): ReactNode => {\n  const { renderSuggestion, suggestion, focused, onClick, onMouseEnter } =\n    props;\n\n  if (renderSuggestion) {\n    return renderSuggestion(props);\n  }\n\n  const display = DefaultDisplayTransform(suggestion.id, suggestion.display);\n  return (\n    <ListItemButton\n      role=\"option\"\n      aria-selected={focused}\n      selected={focused}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n    >\n      {display}\n    </ListItemButton>\n  );\n};\n\nexport default Suggestion;\n"]}

package/dist/components/FileUpload/index.js

@@ -1,11 +1,11 @@
-export { p as ContentType, q as FileContentType, i as FileThumbnail, a as HelperText, b as MultiFilePreview, s as MultipleFileUpload, t as MultipleImageUpload, c as SingleFilePreview, u as SingleFileUpload, v as SingleImageUpload, w as UploadAvatar, x as UploadSimpleBox, l as compressImageWithoutCrop, k as convertToWebP, n as encodeFilenameForHeader, d as fileFormat, g as fileNameByUrl, e as fileThumb, h as fileThumbnailClasses, f as fileTypeByUrl, m as getFileNameFromContentDisposition, j as isImageFile, o as useDropzoneUploader, r as useFileUploadService } from '../../chunk-YDLDZVF5.js';
+export { p as ContentType, q as FileContentType, i as FileThumbnail, a as HelperText, b as MultiFilePreview, s as MultipleFileUpload, t as MultipleImageUpload, c as SingleFilePreview, u as SingleFileUpload, v as SingleImageUpload, w as UploadAvatar, x as UploadSimpleBox, l as compressImageWithoutCrop, k as convertToWebP, n as encodeFilenameForHeader, d as fileFormat, g as fileNameByUrl, e as fileThumb, h as fileThumbnailClasses, f as fileTypeByUrl, m as getFileNameFromContentDisposition, j as isImageFile, o as useDropzoneUploader, r as useFileUploadService } from '../../chunk-QXRGT442.js';
 import '../../chunk-LNXA53QR.js';
 import '../../chunk-KEOOC3EL.js';
 import '../../chunk-ATVM2YRB.js';
 import '../../chunk-KGLU4CR2.js';
 import '../../chunk-N4DW7EIC.js';
 import '../../chunk-OF6623HG.js';
-import '../../chunk-45OMMG7D.js';
+import '../../chunk-FBN7HCBY.js';
 import '../../chunk-6U5LS7MP.js';
 import '../../chunk-VITOOMKK.js';
 import '../../chunk-NQNNMRLC.js';

package/dist/components/FrameSkeleton/index.js

@@ -2,11 +2,11 @@ import { a } from '../../chunk-UVPQR2Q2.js';
 import { a as a$3 } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import { a as a$2 } from '../../chunk-XWUVJ22J.js';
-import { a as a$1 } from '../../chunk-5LQLLZ5L.js';
+import { a as a$1 } from '../../chunk-PSWJSHGP.js';
 import '../../chunk-XNKYJHNL.js';
-import '../../chunk-HWYA3EGC.js';
+import '../../chunk-HYJEAKVR.js';
 import '../../chunk-POTVACYB.js';
-import '../../chunk-L5URMM57.js';
+import '../../chunk-BLVCNBTJ.js';
 import '../../chunk-ET3WPQIO.js';
 import O from '@mui/material/IconButton';
 import i from '@mui/material/Stack';

package/dist/components/InfoCircle/index.js

@@ -1,4 +1,4 @@
-import { a } from '../../chunk-45OMMG7D.js';
+import { a } from '../../chunk-FBN7HCBY.js';
 import { a as a$1 } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
 
 interface ListBundlesProps {
     bundles: any[];
@@ -8,7 +9,7 @@ interface ListBundlesProps {
     renderItem: (item: any, props: {
         onRefetch: VoidFunction;
         isFetching: boolean;
-    }) => JSX.Element;
+    }) => ReactElement;
 }
 
 declare const ListBundles: ({ bundles, isLoading, isFetching, onRefetch, renderItem, }: ListBundlesProps) => react_jsx_runtime.JSX.Element | null;