@zydon/common 2.7.81 → 2.7.83

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","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"]}
+{"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.MutableRefObject<\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/FrameSkeleton/index.js

@@ -2,11 +2,11 @@ import { a } from '../../chunk-UVPQR2Q2.js';
 import { a as a$3 } from '../../chunk-VPG46WNM.js';
 import '../../chunk-CIGSMWKF.js';
 import { a as a$2 } from '../../chunk-F65ZXAGV.js';
-import { a as a$1 } from '../../chunk-PSWJSHGP.js';
+import { a as a$1 } from '../../chunk-EDUNXVYV.js';
 import '../../chunk-XNKYJHNL.js';
-import '../../chunk-HYJEAKVR.js';
+import '../../chunk-CYWFK4OE.js';
+import '../../chunk-KKVRDMSE.js';
 import '../../chunk-POTVACYB.js';
-import '../../chunk-BLVCNBTJ.js';
 import '../../chunk-ET3WPQIO.js';
 import O from '@mui/material/IconButton';
 import i from '@mui/material/Stack';

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

@@ -3,6 +3,6 @@ export { Icon as IconEnum } from '../../types/icon.js';
 import { IconProps } from '../../types/iconProps.js';
 import '@mui/material/Box';
 
-declare const Icon: react.NamedExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const Icon: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>>;
 
 export { IconProps, Icon as default };

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

@@ -19,6 +19,6 @@ interface IconButtonProps extends Omit<IconButtonProps$1, 'color'> {
     to?: string;
 }
 
-declare const IconButton: react.NamedExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>>;
 
 export { IconButton as default };

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

@@ -10,6 +10,6 @@ interface LabelProps extends BoxProps {
     startIcon?: React.ReactElement | null;
 }
 
-declare const Label: react.NamedExoticComponent<Omit<LabelProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Label: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react.RefAttributes<HTMLSpanElement>>>;
 
 export { Label as default };

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

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import * as _mui_material_TextField from '@mui/material/TextField';
 
-declare const MaskedInput: react.NamedExoticComponent<(Omit<{
+declare const MaskedInput: react.MemoExoticComponent<react.ForwardRefExoticComponent<(Omit<{
     name: string;
     mask: {
         mask: string;
@@ -34,6 +34,6 @@ declare const MaskedInput: react.NamedExoticComponent<(Omit<{
             value: string;
         };
     }) => void;
-} & _mui_material_TextField.StandardTextFieldProps, "ref">) & react.RefAttributes<HTMLDivElement>>;
+} & _mui_material_TextField.StandardTextFieldProps, "ref">) & react.RefAttributes<HTMLDivElement>>>;
 
 export { MaskedInput as default };

package/dist/components/ModalActions/index.js

@@ -1,4 +1,4 @@
-export { a as default } from '../../chunk-PJR4CLOE.js';
-import '../../chunk-IN7SP2ND.js';
+export { a as default } from '../../chunk-IPPNUP2X.js';
+import '../../chunk-I4PPSW36.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -3,6 +3,6 @@ import { NumberInputProps } from '../../types/numberInputProps.js';
 import 'react-number-format';
 import '@mui/material/TextField';
 
-declare const NumberInput: react.NamedExoticComponent<Omit<NumberInputProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const NumberInput: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
 
 export { NumberInput as default };

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

@@ -1,11 +1,10 @@
-import * as react from 'react';
-import { PropsWithChildren } from 'react';
+import react__default, { PropsWithChildren } from 'react';
 
 interface PortalProps {
     container: string;
     waitBeforeShow?: number;
 }
 
-declare const Portal: ({ children, container, waitBeforeShow, }: PropsWithChildren<PortalProps>) => react.ReactPortal | null;
+declare const Portal: ({ children, container, waitBeforeShow, }: PropsWithChildren<PortalProps>) => react__default.ReactPortal | null;
 
 export { Portal as default };

package/dist/components/Portal/index.js

@@ -1,3 +1,3 @@
-export { a as default } from '../../chunk-IN7SP2ND.js';
+export { a as default } from '../../chunk-I4PPSW36.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -15,6 +15,6 @@ interface ResultProps<TData = unknown> {
     children?: ReactNode | ((data: TData) => ReactNode);
 }
 
-declare const Result: <TData>({ isFetching, fetching, isLoading, loading, anError, error, isEmpty, empty, data, children, }: ResultProps<TData>) => string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element;
+declare const Result: <TData>({ isFetching, fetching, isLoading, loading, anError, error, isEmpty, empty, data, children, }: ResultProps<TData>) => string | number | true | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element;
 
 export { Result as default };

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

@@ -3,7 +3,7 @@ import * as _mui_system from '@mui/system';
 import * as _mui_material from '@mui/material';
 import * as simplebar_react from 'simplebar-react';
 
-declare const Scrollbar: react.NamedExoticComponent<simplebar_react.Props & {
+declare const Scrollbar: react.MemoExoticComponent<react.ForwardRefExoticComponent<simplebar_react.Props & {
     sx?: _mui_system.SxProps<_mui_material.Theme> | undefined;
     children?: react.ReactNode;
     fillContent?: boolean | undefined;
@@ -13,6 +13,6 @@ declare const Scrollbar: react.NamedExoticComponent<simplebar_react.Props & {
         contentWrapper?: _mui_system.SxProps<_mui_material.Theme> | undefined;
         content?: Partial<_mui_system.SxProps<_mui_material.Theme>> | undefined;
     } | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & react.RefAttributes<HTMLDivElement>>>;
 
 export { Scrollbar as default };

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

@@ -12,6 +12,6 @@ interface TextMaxLineProps extends IProps {
     variant?: Variant;
 }
 
-declare const TextMaxLine: react.NamedExoticComponent<Omit<TextMaxLineProps, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+declare const TextMaxLine: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<TextMaxLineProps, "ref"> & react.RefAttributes<HTMLAnchorElement>>>;
 
 export { TextMaxLine as default };

package/dist/components/ToggleTheme/index.js

@@ -1,10 +1,10 @@
 export { a as default } from '../../chunk-NB6Z5G2Q.js';
 import '../../chunk-EDWQYAWG.js';
-import '../../chunk-QGWIO2AX.js';
+import '../../chunk-U6J3BVCX.js';
 import '../../chunk-373WGZZL.js';
 import '../../chunk-TWSAWMZ3.js';
 import '../../chunk-ROVD7OGE.js';
-import '../../chunk-WUFEPE2G.js';
+import '../../chunk-XQS754T2.js';
 import '../../chunk-BX2DSNRV.js';
 import '../../chunk-6W52DPH4.js';
 import '../../chunk-EQYL7U3J.js';

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

@@ -137,8 +137,12 @@ type CarouselProps = {
 };
 
 type StyledProps = Pick<CarouselOptions, 'axis' | 'slideSpacing'>;
-declare const StyledRoot: _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> & StyledProps, {}, {}>;
-declare const StyledContainer: _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> & StyledProps, {}, {}>;
+declare const StyledRoot: _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> & StyledProps, {}, {}>;
+declare const StyledContainer: _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> & StyledProps, {}, {}>;
 declare function Carousel({ carousel, children, sx, slotProps, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
 
 declare const carouselClasses: {
@@ -176,7 +180,9 @@ declare function CarouselProgressBar({ value, sx, ...other }: BoxProps & Carouse
 
 declare function CarouselSlide({ sx, options, children, ...other }: BoxProps & CarouselSlideProps): react_jsx_runtime.JSX.Element;
 
-declare const CarouselThumbs: react.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<Theme>> & CarouselThumbsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const CarouselThumbs: react.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<Theme> & _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_system.BoxOwnProps<Theme>> & CarouselThumbsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare function CarouselThumb({ thumbType, sx, src, index, selected, imageRender, thumbAlt, ...other }: ButtonBaseProps & CarouselThumbProps): react_jsx_runtime.JSX.Element | null;
 
 declare const useCarousel: (options?: CarouselOptions, plugins?: EmblaPluginType[]) => UseCarouselReturn;

package/dist/components/form/Codes/index.js

@@ -1,4 +1,6 @@
-import { a } from '../../../chunk-BLVCNBTJ.js';
+import { a } from '../../../chunk-KKVRDMSE.js';
+import '../../../chunk-POTVACYB.js';
+import '../../../chunk-ET3WPQIO.js';
 import { useRef } from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import M from '@mui/material/FormHelperText';

package/dist/components/form/Codes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":["useRef","Controller","useFormContext","FormHelperText","Stack","TextField","jsx","jsxs","Codes","keyName","inputs","rules","tabIndex","autoFocusFirst","other","codesRef","control","setValue","errors","handlePaste","event","data","input","index","handleChangeWithNextField","handleChange","maxLength","value","name","fieldIndex","fieldIntIndex","nextfield","useEventListener_default","hasCodeNotFilled","field","error","Codes_default"],"mappings":"+CAAA,OAAsC,UAAAA,MAAc,QACpD,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAOC,MAAe,0BA6DlB,OASU,OAAAC,EATV,QAAAC,MAAA,oBAvDJ,IAAMC,EAAQ,CAAC,CACb,QAAAC,EACA,OAAAC,EAAS,CAAC,EACV,MAAAC,EACA,SAAAC,EACA,eAAAC,EAAiB,GACjB,GAAGC,CACL,IAAkB,CAChB,IAAMC,EAAWf,EAAuB,IAAI,EAEtC,CACJ,QAAAgB,EACA,SAAAC,EACA,UAAW,CAAE,OAAAC,CAAO,CACtB,EAAIhB,EAAe,EAEbiB,EAAeC,GAA0B,CAC7C,IAAMC,EAAOD,EAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE,EAEzDV,EAAO,IAAI,CAACY,EAAOC,IAAUN,EAASK,EAAOD,EAAKE,CAAK,CAAC,CAAC,EAEzDH,EAAM,eAAe,CACvB,EAEMI,EAA4B,CAChCJ,EACAK,IACG,CACH,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,KAAAC,CAAK,EAAIR,EAAM,OAEnCS,EAAaD,EAAK,QAAQnB,EAAS,EAAE,EAErCqB,EAAgB,OAAOD,CAAU,EAEjCE,EAAgC,SAAS,cAC7C,cAActB,IAAUqB,EAAgB,IAC1C,EAEIH,EAAM,OAASD,IACjBN,EAAM,OAAO,MAAQO,EAAM,CAAC,GAG1BA,EAAM,QAAUD,GAAaI,EAAgB,GAAKC,IAAc,MACjEA,EAA0B,MAAM,EAGnCN,EAAaL,CAAK,CACpB,EAGAY,EAAiB,QAASb,EAAoBJ,CAAQ,EAEtD,IAAMkB,EAAmBvB,EAAO,KAAKY,GAASJ,EAAOI,CAAK,CAAC,EAE3D,OACEf,EAACH,EAAA,CACC,UAAAE,EAACF,EAAA,CAAM,UAAU,MAAM,QAAS,EAAG,eAAe,SAAS,IAAKW,EAC7D,SAAAL,EAAO,IAAI,CAACkB,EAAML,IACjBjB,EAACL,EAAA,CAEC,KAAM,GAAGQ,IAAUc,EAAQ,IAC3B,QAASP,EACT,MAAOL,EACP,OAAQ,CAAC,CAAE,MAAAuB,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IACtC7B,EAACD,EAAA,CACE,GAAGS,EACH,GAAGoB,EACJ,aAAa,OACb,MAAO,CAAC,CAACC,EACT,UAAWtB,GAAkBU,IAAU,EACvC,YAAY,IACZ,SAAWH,GAAyC,CAClDI,EAA0BJ,EAAOc,EAAM,QAAQ,CACjD,EACA,QAASd,GAASA,EAAM,cAAc,OAAO,EAC7C,WAAY,CACV,GAAI,CACF,MAAO,CAAE,GAAI,GAAI,GAAI,EAAG,EACxB,OAAQ,CAAE,GAAI,GAAI,GAAI,EAAG,EACzB,UAAW,CAAE,EAAG,EAAG,UAAW,QAAS,CACzC,CACF,EACA,WAAY,CACV,UAAW,EACX,KAAM,SACN,KAAM,GAAGX,IAAUc,EAAQ,IAC3B,SAAAX,CACF,EACF,GA7BGgB,CA+BP,CACD,EACH,EAECK,GACC3B,EAACH,EAAA,CAAe,MAAK,GAAC,GAAI,CAAE,GAAI,CAAE,EAAG,yCAErC,GAEJ,CAEJ,EAEOiC,EAAQ5B","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n  keyName,\n  inputs = [],\n  rules,\n  tabIndex,\n  autoFocusFirst = false,\n  ...other\n}: CodesProps) => {\n  const codesRef = useRef<HTMLDivElement>(null);\n\n  const {\n    control,\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const handlePaste = (event: ClipboardEvent) => {\n    const data = event.clipboardData.getData('text').split('');\n\n    inputs.map((input, index) => setValue(input, data[index]));\n\n    event.preventDefault();\n  };\n\n  const handleChangeWithNextField = (\n    event: ChangeEvent<HTMLInputElement>,\n    handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n  ) => {\n    const { maxLength, value, name } = event.target;\n\n    const fieldIndex = name.replace(keyName, '');\n\n    const fieldIntIndex = Number(fieldIndex);\n\n    const nextfield: HTMLElement | null = document.querySelector(\n      `input[name=${keyName}${fieldIntIndex + 1}]`,\n    );\n\n    if (value.length > maxLength) {\n      event.target.value = value[0];\n    }\n\n    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n      (nextfield as HTMLElement).focus();\n    }\n\n    handleChange(event);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useEventListener('paste', handlePaste as any, codesRef);\n\n  const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n        {inputs.map((name, index) => (\n          <Controller\n            key={name}\n            name={`${keyName}${index + 1}`}\n            control={control}\n            rules={rules}\n            render={({ field, fieldState: { error } }) => (\n              <TextField\n                {...other}\n                {...field}\n                autoComplete=\"none\"\n                error={!!error}\n                autoFocus={autoFocusFirst && index === 0}\n                placeholder=\"-\"\n                onChange={(event: ChangeEvent<HTMLInputElement>) => {\n                  handleChangeWithNextField(event, field.onChange);\n                }}\n                onFocus={event => event.currentTarget.select()}\n                InputProps={{\n                  sx: {\n                    width: { xs: 36, sm: 56 },\n                    height: { xs: 36, sm: 56 },\n                    '& input': { p: 0, textAlign: 'center' },\n                  },\n                }}\n                inputProps={{\n                  maxLength: 1,\n                  type: 'number',\n                  name: `${keyName}${index + 1}`,\n                  tabIndex,\n                }}\n              />\n            )}\n          />\n        ))}\n      </Stack>\n\n      {hasCodeNotFilled && (\n        <FormHelperText error sx={{ px: 2 }}>\n          Código é obrigatório\n        </FormHelperText>\n      )}\n    </Stack>\n  );\n};\n\nexport default Codes;\n"]}
+{"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":["useRef","Controller","useFormContext","FormHelperText","Stack","TextField","jsx","jsxs","Codes","keyName","inputs","rules","tabIndex","autoFocusFirst","other","codesRef","control","setValue","errors","handlePaste","event","data","input","index","handleChangeWithNextField","handleChange","maxLength","value","name","fieldIndex","fieldIntIndex","nextfield","useEventListener_default","hasCodeNotFilled","field","error","Codes_default"],"mappings":"qHAAA,OAAsC,UAAAA,MAAc,QACpD,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAOC,MAAe,0BA6DlB,OASU,OAAAC,EATV,QAAAC,MAAA,oBAvDJ,IAAMC,EAAQ,CAAC,CACb,QAAAC,EACA,OAAAC,EAAS,CAAC,EACV,MAAAC,EACA,SAAAC,EACA,eAAAC,EAAiB,GACjB,GAAGC,CACL,IAAkB,CAChB,IAAMC,EAAWf,EAAuB,IAAI,EAEtC,CACJ,QAAAgB,EACA,SAAAC,EACA,UAAW,CAAE,OAAAC,CAAO,CACtB,EAAIhB,EAAe,EAEbiB,EAAeC,GAA0B,CAC7C,IAAMC,EAAOD,EAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE,EAEzDV,EAAO,IAAI,CAACY,EAAOC,IAAUN,EAASK,EAAOD,EAAKE,CAAK,CAAC,CAAC,EAEzDH,EAAM,eAAe,CACvB,EAEMI,EAA4B,CAChCJ,EACAK,IACG,CACH,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,KAAAC,CAAK,EAAIR,EAAM,OAEnCS,EAAaD,EAAK,QAAQnB,EAAS,EAAE,EAErCqB,EAAgB,OAAOD,CAAU,EAEjCE,EAAgC,SAAS,cAC7C,cAActB,IAAUqB,EAAgB,IAC1C,EAEIH,EAAM,OAASD,IACjBN,EAAM,OAAO,MAAQO,EAAM,CAAC,GAG1BA,EAAM,QAAUD,GAAaI,EAAgB,GAAKC,IAAc,MACjEA,EAA0B,MAAM,EAGnCN,EAAaL,CAAK,CACpB,EAGAY,EAAiB,QAASb,EAAoBJ,CAAQ,EAEtD,IAAMkB,EAAmBvB,EAAO,KAAKY,GAASJ,EAAOI,CAAK,CAAC,EAE3D,OACEf,EAACH,EAAA,CACC,UAAAE,EAACF,EAAA,CAAM,UAAU,MAAM,QAAS,EAAG,eAAe,SAAS,IAAKW,EAC7D,SAAAL,EAAO,IAAI,CAACkB,EAAML,IACjBjB,EAACL,EAAA,CAEC,KAAM,GAAGQ,IAAUc,EAAQ,IAC3B,QAASP,EACT,MAAOL,EACP,OAAQ,CAAC,CAAE,MAAAuB,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IACtC7B,EAACD,EAAA,CACE,GAAGS,EACH,GAAGoB,EACJ,aAAa,OACb,MAAO,CAAC,CAACC,EACT,UAAWtB,GAAkBU,IAAU,EACvC,YAAY,IACZ,SAAWH,GAAyC,CAClDI,EAA0BJ,EAAOc,EAAM,QAAQ,CACjD,EACA,QAASd,GAASA,EAAM,cAAc,OAAO,EAC7C,WAAY,CACV,GAAI,CACF,MAAO,CAAE,GAAI,GAAI,GAAI,EAAG,EACxB,OAAQ,CAAE,GAAI,GAAI,GAAI,EAAG,EACzB,UAAW,CAAE,EAAG,EAAG,UAAW,QAAS,CACzC,CACF,EACA,WAAY,CACV,UAAW,EACX,KAAM,SACN,KAAM,GAAGX,IAAUc,EAAQ,IAC3B,SAAAX,CACF,EACF,GA7BGgB,CA+BP,CACD,EACH,EAECK,GACC3B,EAACH,EAAA,CAAe,MAAK,GAAC,GAAI,CAAE,GAAI,CAAE,EAAG,yCAErC,GAEJ,CAEJ,EAEOiC,EAAQ5B","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n  keyName,\n  inputs = [],\n  rules,\n  tabIndex,\n  autoFocusFirst = false,\n  ...other\n}: CodesProps) => {\n  const codesRef = useRef<HTMLDivElement>(null);\n\n  const {\n    control,\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const handlePaste = (event: ClipboardEvent) => {\n    const data = event.clipboardData.getData('text').split('');\n\n    inputs.map((input, index) => setValue(input, data[index]));\n\n    event.preventDefault();\n  };\n\n  const handleChangeWithNextField = (\n    event: ChangeEvent<HTMLInputElement>,\n    handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n  ) => {\n    const { maxLength, value, name } = event.target;\n\n    const fieldIndex = name.replace(keyName, '');\n\n    const fieldIntIndex = Number(fieldIndex);\n\n    const nextfield: HTMLElement | null = document.querySelector(\n      `input[name=${keyName}${fieldIntIndex + 1}]`,\n    );\n\n    if (value.length > maxLength) {\n      event.target.value = value[0];\n    }\n\n    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n      (nextfield as HTMLElement).focus();\n    }\n\n    handleChange(event);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useEventListener('paste', handlePaste as any, codesRef);\n\n  const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n        {inputs.map((name, index) => (\n          <Controller\n            key={name}\n            name={`${keyName}${index + 1}`}\n            control={control}\n            rules={rules}\n            render={({ field, fieldState: { error } }) => (\n              <TextField\n                {...other}\n                {...field}\n                autoComplete=\"none\"\n                error={!!error}\n                autoFocus={autoFocusFirst && index === 0}\n                placeholder=\"-\"\n                onChange={(event: ChangeEvent<HTMLInputElement>) => {\n                  handleChangeWithNextField(event, field.onChange);\n                }}\n                onFocus={event => event.currentTarget.select()}\n                InputProps={{\n                  sx: {\n                    width: { xs: 36, sm: 56 },\n                    height: { xs: 36, sm: 56 },\n                    '& input': { p: 0, textAlign: 'center' },\n                  },\n                }}\n                inputProps={{\n                  maxLength: 1,\n                  type: 'number',\n                  name: `${keyName}${index + 1}`,\n                  tabIndex,\n                }}\n              />\n            )}\n          />\n        ))}\n      </Stack>\n\n      {hasCodeNotFilled && (\n        <FormHelperText error sx={{ px: 2 }}>\n          Código é obrigatório\n        </FormHelperText>\n      )}\n    </Stack>\n  );\n};\n\nexport default Codes;\n"]}

package/dist/hooks/useCollapseSidebarOnMount.js

@@ -1,8 +1,8 @@
-export { a as default } from '../chunk-PSWJSHGP.js';
+export { a as default } from '../chunk-EDUNXVYV.js';
 import '../chunk-XNKYJHNL.js';
-import '../chunk-HYJEAKVR.js';
+import '../chunk-CYWFK4OE.js';
+import '../chunk-KKVRDMSE.js';
 import '../chunk-POTVACYB.js';
-import '../chunk-BLVCNBTJ.js';
 import '../chunk-ET3WPQIO.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useCollapseSidebarOnMount.js.map

package/dist/hooks/useDatagrid.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { GridApiPremium } from '@mui/x-data-grid-premium/models/gridApiPremium';
 
 interface State {
@@ -10,7 +10,7 @@ interface State {
     dir?: 'asc' | 'desc';
 }
 declare const useDatagrid: ({ page, perPage, dir, search, searchValue, sort }?: State) => {
-    apiRef: RefObject<GridApiPremium>;
+    apiRef: MutableRefObject<GridApiPremium>;
     page: number;
     perPage: number;
     handlePaginationModelChange: ({ pageSize, page }: {

package/dist/hooks/useDatagrid.js

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { useGridApiRef } from '@mui/x-data-grid-premium';
 
-var V=({page:c,perPage:g,dir:o,search:p,searchValue:u,sort:d}={page:0,perPage:25})=>{let t=useGridApiRef(),[s,r]=useState({page:c,perPage:g,dir:o,search:p,searchValue:u,sort:d}),i=({pageSize:e=25,page:a=0})=>{r(n=>({...n,page:a,perPage:e}));},f=e=>r(a=>({...a,page:0,search:e})),h=e=>r(a=>({...a,searchValue:e})),l=()=>r(e=>({...e,page:0,search:e.searchValue})),m=(e,a)=>r(n=>({...n,sort:e,dir:a})),P=()=>{t.current&&t.current.setPage(0),i({page:0});};return {...s,apiRef:t,page:s.page||0,perPage:s.perPage||25,handlePaginationModelChange:i,handleSearch:f,handleSort:m,handleSearchValue:h,applySearchValue:l,goToPageFirstPage:P}},j=V;
+var R=({page:c,perPage:g,dir:o,search:p,searchValue:u,sort:d}={page:0,perPage:25})=>{let t=useGridApiRef(),[s,r]=useState({page:c,perPage:g,dir:o,search:p,searchValue:u,sort:d}),i=({pageSize:e=25,page:a=0})=>{r(n=>({...n,page:a,perPage:e}));},l=e=>r(a=>({...a,page:0,search:e})),f=e=>r(a=>({...a,searchValue:e})),h=()=>r(e=>({...e,page:0,search:e.searchValue})),m=(e,a)=>r(n=>({...n,sort:e,dir:a})),P=()=>{t.current&&t.current.setPage(0),i({page:0});};return {...s,apiRef:t,page:s.page||0,perPage:s.perPage||25,handlePaginationModelChange:i,handleSearch:l,handleSort:m,handleSearchValue:f,applySearchValue:h,goToPageFirstPage:P}},M=R;
 
-export { j as default };
+export { M as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useDatagrid.js.map

package/dist/hooks/useDatagrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDatagrid.ts"],"names":["useState","useGridApiRef","useDatagrid","page","perPage","dir","search","searchValue","sort","apiRef","state","setState","handlePaginationModelChange","pageSize","handleSearch","handleSearchValue","applySearchValue","handleSort","field","goToPageFirstPage","useDatagrid_default"],"mappings":"AAAA,OAAoB,YAAAA,MAAgB,QACpC,OAAS,iBAAAC,MAAqB,2BAY9B,IAAMC,EAAc,CAClB,CAAE,KAAAC,EAAM,QAAAC,EAAS,IAAAC,EAAK,OAAAC,EAAQ,YAAAC,EAAa,KAAAC,CAAK,EAAW,CACzD,KAAM,EACN,QAAS,EACX,IACG,CACH,IAAMC,EAASR,EAAc,EACvB,CAACS,EAAOC,CAAQ,EAAIX,EAAgB,CACxC,KAAAG,EACA,QAAAC,EACA,IAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,CACF,CAAC,EAEKI,EAA8B,CAAC,CAAE,SAAAC,EAAW,GAAI,KAAAV,EAAO,CAAE,IAAM,CACnEQ,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAAP,EAAM,QAASU,CAAS,EAAE,CAC3D,EAEMC,EAAgBR,GACpBK,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAM,EAAG,OAAAJ,CAAO,EAAE,EAE7CS,EAAqBT,GACzBK,EAASD,IAAU,CAAE,GAAGA,EAAO,YAAaJ,CAAO,EAAE,EAEjDU,EAAmB,IACvBL,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAM,EAAG,OAAQA,EAAM,WAAY,EAAE,EAEhEO,EAAa,CAACC,EAAgBb,IAClCM,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAMQ,EAAO,IAAAb,CAAI,EAAE,EAE9Cc,EAAoB,IAAM,CAC1BV,EAAO,SAASA,EAAO,QAAQ,QAAQ,CAAC,EAC5CG,EAA4B,CAAE,KAAM,CAAE,CAAC,CACzC,EAEA,MAAO,CACL,GAAGF,EACH,OAAQD,EACR,KAAMC,EAAM,MAAQ,EACpB,QAASA,EAAM,SAAW,GAC1B,4BAAAE,EACA,aAAAE,EACA,WAAAG,EACA,kBAAAF,EACA,iBAAAC,EACA,kBAAAG,CACF,CACF,EAEOC,EAAQlB","sourcesContent":["import { RefObject, useState } from 'react';\nimport { useGridApiRef } from '@mui/x-data-grid-premium';\nimport { GridApiPremium } from '@mui/x-data-grid-premium/models/gridApiPremium';\n\ninterface State {\n  page?: number;\n  perPage?: number;\n  search?: string;\n  searchValue?: string;\n  sort?: string;\n  dir?: 'asc' | 'desc';\n}\n\nconst useDatagrid = (\n  { page, perPage, dir, search, searchValue, sort }: State = {\n    page: 0,\n    perPage: 25,\n  },\n) => {\n  const apiRef = useGridApiRef();\n  const [state, setState] = useState<State>({\n    page,\n    perPage,\n    dir,\n    search,\n    searchValue,\n    sort,\n  });\n\n  const handlePaginationModelChange = ({ pageSize = 25, page = 0 }) => {\n    setState(state => ({ ...state, page, perPage: pageSize }));\n  };\n\n  const handleSearch = (search: string | undefined) =>\n    setState(state => ({ ...state, page: 0, search }));\n\n  const handleSearchValue = (search: string | undefined) =>\n    setState(state => ({ ...state, searchValue: search }));\n\n  const applySearchValue = () =>\n    setState(state => ({ ...state, page: 0, search: state.searchValue }));\n\n  const handleSort = (field?: string, dir?: 'asc' | 'desc') =>\n    setState(state => ({ ...state, sort: field, dir }));\n\n  const goToPageFirstPage = () => {\n    if (apiRef.current) apiRef.current.setPage(0);\n    handlePaginationModelChange({ page: 0 });\n  };\n\n  return {\n    ...state,\n    apiRef: apiRef as RefObject<GridApiPremium>,\n    page: state.page || 0,\n    perPage: state.perPage || 25,\n    handlePaginationModelChange,\n    handleSearch,\n    handleSort,\n    handleSearchValue,\n    applySearchValue,\n    goToPageFirstPage,\n  };\n};\n\nexport default useDatagrid;\n"]}
+{"version":3,"sources":["../../src/hooks/useDatagrid.ts"],"names":["useState","useGridApiRef","useDatagrid","page","perPage","dir","search","searchValue","sort","apiRef","state","setState","handlePaginationModelChange","pageSize","handleSearch","handleSearchValue","applySearchValue","handleSort","field","goToPageFirstPage","useDatagrid_default"],"mappings":"AAAA,OAA2B,YAAAA,MAAgB,QAC3C,OAAS,iBAAAC,MAAqB,2BAY9B,IAAMC,EAAc,CAClB,CAAE,KAAAC,EAAM,QAAAC,EAAS,IAAAC,EAAK,OAAAC,EAAQ,YAAAC,EAAa,KAAAC,CAAK,EAAW,CACzD,KAAM,EACN,QAAS,EACX,IACG,CACH,IAAMC,EAASR,EAAc,EACvB,CAACS,EAAOC,CAAQ,EAAIX,EAAgB,CACxC,KAAAG,EACA,QAAAC,EACA,IAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,CACF,CAAC,EAEKI,EAA8B,CAAC,CAAE,SAAAC,EAAW,GAAI,KAAAV,EAAO,CAAE,IAAM,CACnEQ,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAAP,EAAM,QAASU,CAAS,EAAE,CAC3D,EAEMC,EAAgBR,GACpBK,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAM,EAAG,OAAAJ,CAAO,EAAE,EAE7CS,EAAqBT,GACzBK,EAASD,IAAU,CAAE,GAAGA,EAAO,YAAaJ,CAAO,EAAE,EAEjDU,EAAmB,IACvBL,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAM,EAAG,OAAQA,EAAM,WAAY,EAAE,EAEhEO,EAAa,CAACC,EAAgBb,IAClCM,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAMQ,EAAO,IAAAb,CAAI,EAAE,EAE9Cc,EAAoB,IAAM,CAC1BV,EAAO,SAASA,EAAO,QAAQ,QAAQ,CAAC,EAC5CG,EAA4B,CAAE,KAAM,CAAE,CAAC,CACzC,EAEA,MAAO,CACL,GAAGF,EACH,OAAQD,EACR,KAAMC,EAAM,MAAQ,EACpB,QAASA,EAAM,SAAW,GAC1B,4BAAAE,EACA,aAAAE,EACA,WAAAG,EACA,kBAAAF,EACA,iBAAAC,EACA,kBAAAG,CACF,CACF,EAEOC,EAAQlB","sourcesContent":["import { MutableRefObject, useState } from 'react';\nimport { useGridApiRef } from '@mui/x-data-grid-premium';\nimport { GridApiPremium } from '@mui/x-data-grid-premium/models/gridApiPremium';\n\ninterface State {\n  page?: number;\n  perPage?: number;\n  search?: string;\n  searchValue?: string;\n  sort?: string;\n  dir?: 'asc' | 'desc';\n}\n\nconst useDatagrid = (\n  { page, perPage, dir, search, searchValue, sort }: State = {\n    page: 0,\n    perPage: 25,\n  },\n) => {\n  const apiRef = useGridApiRef();\n  const [state, setState] = useState<State>({\n    page,\n    perPage,\n    dir,\n    search,\n    searchValue,\n    sort,\n  });\n\n  const handlePaginationModelChange = ({ pageSize = 25, page = 0 }) => {\n    setState(state => ({ ...state, page, perPage: pageSize }));\n  };\n\n  const handleSearch = (search: string | undefined) =>\n    setState(state => ({ ...state, page: 0, search }));\n\n  const handleSearchValue = (search: string | undefined) =>\n    setState(state => ({ ...state, searchValue: search }));\n\n  const applySearchValue = () =>\n    setState(state => ({ ...state, page: 0, search: state.searchValue }));\n\n  const handleSort = (field?: string, dir?: 'asc' | 'desc') =>\n    setState(state => ({ ...state, sort: field, dir }));\n\n  const goToPageFirstPage = () => {\n    if (apiRef.current) apiRef.current.setPage(0);\n    handlePaginationModelChange({ page: 0 });\n  };\n\n  return {\n    ...state,\n    apiRef: apiRef as MutableRefObject<GridApiPremium>,\n    page: state.page || 0,\n    perPage: state.perPage || 25,\n    handlePaginationModelChange,\n    handleSearch,\n    handleSort,\n    handleSearchValue,\n    applySearchValue,\n    goToPageFirstPage,\n  };\n};\n\nexport default useDatagrid;\n"]}

package/dist/hooks/useEventListener.js

@@ -1,3 +1,5 @@
-export { a as default } from '../chunk-BLVCNBTJ.js';
+export { a as default } from '../chunk-KKVRDMSE.js';
+import '../chunk-POTVACYB.js';
+import '../chunk-ET3WPQIO.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useEventListener.js.map

package/dist/hooks/useLocalStorage.js

@@ -1,6 +1,6 @@
-export { a as default } from '../chunk-HYJEAKVR.js';
+export { a as default } from '../chunk-CYWFK4OE.js';
+import '../chunk-KKVRDMSE.js';
 import '../chunk-POTVACYB.js';
-import '../chunk-BLVCNBTJ.js';
 import '../chunk-ET3WPQIO.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useOnClickOutside.js

@@ -1,4 +1,6 @@
-import { a } from '../chunk-BLVCNBTJ.js';
+import { a } from '../chunk-KKVRDMSE.js';
+import '../chunk-POTVACYB.js';
+import '../chunk-ET3WPQIO.js';
 
 var u=(o,r,s="mousedown")=>{a(s,e=>{let t=o?.current;!t||t.contains(e.target)||r(e);});},m=u;