@azure/communication-react 1.24.0-beta.1 → 1.24.0

package/dist/dist-esm/react-components/src/components/TextFieldWithMention/TextFieldWithMention.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldWithMention.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/TextFieldWithMention/TextFieldWithMention.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useState, FormEvent, useCallback, useRef } from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { useLocale } from '../../localization';\nimport { Announcer } from '../Announcer';\nimport { TextField, ITextField, ITextFieldProps } from '@fluentui/react';\nimport { isEnterKeyEventFromCompositionSession, nullToUndefined } from '../utils';\nimport { TagData, findMentionTagForSelection, findNewSelectionIndexForMention, findStringsDiffIndexes, getDisplayNameForMentionSuggestion, getValidatedIndexInRange, htmlStringForMentionSuggestion, textToTagParser, updateHTML } from './mentionTagUtils';\nimport { Caret } from 'textarea-caret-ts';\nimport { MentionLookupOptions, _MentionPopover, Mention } from '../MentionPopover';\nimport { useDebouncedCallback } from 'use-debounce';\nconst DEFAULT_MENTION_TRIGGER = '@';\n\n/**\n * Props for the TextFieldWithMention component.\n *\n * @private\n */\nexport interface TextFieldWithMentionProps {\n  textFieldProps: ITextFieldProps;\n  dataUiId?: string;\n  textValue: string; // This could be plain text or HTML.\n  onChange: (event?: FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => void;\n  onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  onEnterKeyDown?: () => void;\n  textFieldRef?: React.RefObject<ITextField>;\n  supportNewline?: boolean;\n  mentionLookupOptions?: MentionLookupOptions;\n}\n\n/**\n * @private\n */\nexport const TextFieldWithMention = (props: TextFieldWithMentionProps): JSX.Element => {\n  const {\n    textFieldProps,\n    dataUiId,\n    textValue,\n    onChange,\n    textFieldRef,\n    onKeyDown,\n    onEnterKeyDown,\n    supportNewline,\n    mentionLookupOptions\n  } = props;\n  const inputBoxRef = useRef<HTMLDivElement>(null);\n\n  // Current suggestion list, provided by the callback\n  const [mentionSuggestions, setMentionSuggestions] = useState<Mention[]>([]);\n\n  // Current suggestion list, provided by the callback\n  const [activeSuggestionIndex, setActiveSuggestionIndex] = useState<number | undefined>(undefined);\n\n  // Index of the current trigger character in the text field\n  const [currentTriggerStartIndex, setCurrentTriggerStartIndex] = useState<number>(-1);\n  const [inputTextValue, setInputTextValue] = useState<string>('');\n\n  // Internal value for text value prop\n  const [internalTextValue, setInternalTextValue] = useState<string>('');\n  const [tagsValue, setTagsValue] = useState<TagData[]>([]);\n\n  // Index of the previous selection start in the text field\n  const [selectionStartValue, setSelectionStartValue] = useState<number | undefined>();\n\n  // Index of the previous selection end in the text field\n  const [selectionEndValue, setSelectionEndValue] = useState<number | undefined>();\n\n  // Boolean value to check if onMouseDown event should be handled during select as selection range\n  // for onMouseDown event is not updated yet and the selection range for mouse click/taps will be\n  // updated in onSelect event if needed.\n  const [shouldHandleOnMouseDownDuringSelect, setShouldHandleOnMouseDownDuringSelect] = useState<boolean>(true);\n\n  // Boolean flag to check if mouse/touch move event should be handled\n  const [shouldHandleMoveEvent, setShouldHandleMoveEvent] = useState<boolean>(false);\n\n  // Indexes of start of touch/mouse selection\n  const [interactionStartSelection, setInteractionStartSelection] = useState<{\n    start: number | undefined;\n    end: number | undefined;\n  } | undefined>();\n\n  // Caret position in the text field\n  const [caretPosition, setCaretPosition] = useState<Caret.Position | undefined>(undefined);\n\n  // Index of where the caret is in the text field\n  const [caretIndex, setCaretIndex] = useState<number | undefined>(undefined);\n  const localeStrings = useLocale().strings;\n\n  // Set mention suggestions\n  const updateMentionSuggestions = useCallback((suggestions: Mention[]) => {\n    setMentionSuggestions(suggestions);\n  }, [setMentionSuggestions]);\n  useEffect(() => {\n    setInternalTextValue(textValue);\n    // update mention suggestions before the next render cycle\n    updateMentionSuggestions([]);\n  }, [textValue, updateMentionSuggestions]);\n\n  // Parse the text and get the plain text version to display in the input box\n  useEffect(() => {\n    const trigger = mentionLookupOptions?.trigger || DEFAULT_MENTION_TRIGGER;\n    const parsedHTMLData = textToTagParser(internalTextValue, trigger);\n    setInputTextValue(parsedHTMLData.plainText);\n    setTagsValue(parsedHTMLData.tags);\n    updateMentionSuggestions([]);\n  }, [internalTextValue, mentionLookupOptions?.trigger, updateMentionSuggestions]);\n  useEffect(() => {\n    // effect for caret index update\n    if (caretIndex === undefined || textFieldRef === undefined || textFieldRef?.current === undefined) {\n      return;\n    }\n    // get validated caret index between 0 and inputTextValue.length otherwise caret will be set to incorrect index\n    const updatedCaretIndex = getValidatedIndexInRange({\n      min: 0,\n      max: inputTextValue.length,\n      currentValue: caretIndex\n    });\n    textFieldRef?.current?.setSelectionRange(updatedCaretIndex, updatedCaretIndex);\n    setSelectionStartValue(updatedCaretIndex);\n    setSelectionEndValue(updatedCaretIndex);\n  }, [caretIndex, inputTextValue, textFieldRef, setSelectionStartValue, setSelectionEndValue]);\n  const onSuggestionSelected = useCallback((suggestion: Mention) => {\n    let selectionEnd = textFieldRef?.current?.selectionEnd || -1;\n    if (selectionEnd < 0) {\n      selectionEnd = 0;\n    } else if (selectionEnd > inputTextValue.length) {\n      selectionEnd = inputTextValue.length;\n    }\n    const oldPlainText = inputTextValue;\n    const mention = htmlStringForMentionSuggestion(suggestion, localeStrings);\n\n    // update plain text with the mention html text\n    const triggerText = mentionLookupOptions?.trigger ?? DEFAULT_MENTION_TRIGGER;\n    // update html text with updated plain text\n    const updatedContent = updateHTML({\n      htmlText: internalTextValue,\n      oldPlainText,\n      tags: tagsValue,\n      startIndex: currentTriggerStartIndex,\n      oldPlainTextEndIndex: selectionEnd,\n      change: mention,\n      mentionTrigger: triggerText\n    });\n    setInternalTextValue(updatedContent.updatedHTML);\n    const displayName = getDisplayNameForMentionSuggestion(suggestion, localeStrings);\n    const newCaretIndex = currentTriggerStartIndex + displayName.length + triggerText.length;\n    // move the caret in the text field to the end of the mention plain text\n    setCaretIndex(newCaretIndex);\n    setSelectionEndValue(newCaretIndex);\n    setSelectionStartValue(newCaretIndex);\n    setCurrentTriggerStartIndex(-1);\n    updateMentionSuggestions([]);\n    // set focus back to text field\n    textFieldRef?.current?.focus();\n    setActiveSuggestionIndex(undefined);\n    onChange && onChange(undefined, updatedContent.updatedHTML);\n  }, [textFieldRef, inputTextValue, currentTriggerStartIndex, mentionLookupOptions?.trigger, onChange, internalTextValue, tagsValue, updateMentionSuggestions, localeStrings]);\n  const onTextFieldKeyDown = useCallback((ev: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    // caretIndex should be set to undefined when the user is typing\n    setCaretIndex(undefined);\n    // shouldHandleOnMouseDownDuringSelect should be set to false after the last mouse down event.\n    // it shouldn't be updated in onMouseUp\n    // as onMouseUp can be triggered before or after onSelect event\n    // because its order depends on mouse events not selection.\n    setShouldHandleOnMouseDownDuringSelect(false);\n    if (isEnterKeyEventFromCompositionSession(ev.nativeEvent)) {\n      return;\n    }\n    let isActiveSuggestionIndexUpdated = false;\n    if (mentionSuggestions.length > 0) {\n      if (ev.key === 'ArrowUp') {\n        ev.preventDefault();\n        const newActiveIndex = activeSuggestionIndex === undefined ? mentionSuggestions.length - 1 : Math.max(activeSuggestionIndex - 1, 0);\n        setActiveSuggestionIndex(newActiveIndex);\n        isActiveSuggestionIndexUpdated = true;\n      } else if (ev.key === 'ArrowDown') {\n        ev.preventDefault();\n        const newActiveIndex = activeSuggestionIndex === undefined ? 0 : Math.min(activeSuggestionIndex + 1, mentionSuggestions.length - 1);\n        setActiveSuggestionIndex(newActiveIndex);\n        isActiveSuggestionIndexUpdated = true;\n      } else if (ev.key === 'Escape') {\n        updateMentionSuggestions([]);\n        // reset active suggestion index when suggestions are closed\n        setActiveSuggestionIndex(undefined);\n        isActiveSuggestionIndexUpdated = true;\n      }\n    }\n    if (ev.key === 'Enter' && (ev.shiftKey === false || !supportNewline)) {\n      ev.preventDefault();\n\n      // If we are looking up a mention, select the focused suggestion\n      if (mentionSuggestions.length > 0 && activeSuggestionIndex !== undefined) {\n        const selectedMention = mentionSuggestions[activeSuggestionIndex];\n        if (selectedMention) {\n          onSuggestionSelected(selectedMention);\n          return;\n        }\n      }\n      onEnterKeyDown && onEnterKeyDown();\n    } else if (!isActiveSuggestionIndexUpdated) {\n      // Update the active suggestion index if the user is typing,\n      // otherwise the focus will be lost\n      setActiveSuggestionIndex(undefined);\n    }\n    onKeyDown && onKeyDown(ev);\n  }, [onEnterKeyDown, onKeyDown, supportNewline, mentionSuggestions, activeSuggestionIndex, onSuggestionSelected, updateMentionSuggestions]);\n  const debouncedQueryUpdate = useDebouncedCallback(async (query: string) => {\n    let suggestions = (await mentionLookupOptions?.onQueryUpdated(query)) ?? [];\n    suggestions = suggestions.filter(suggestion => suggestion.displayText.trim() !== '');\n    if (suggestions.length === 0) {\n      setActiveSuggestionIndex(undefined);\n    } else if (activeSuggestionIndex === undefined) {\n      // Set the active to the first, if it's not already set\n      setActiveSuggestionIndex(0);\n    }\n    updateMentionSuggestions(suggestions);\n  }, 500);\n\n  // Update selections index in mention to navigate by words\n  const updateSelectionIndexesWithMentionIfNeeded = useCallback(({\n    event,\n    inputTextValue,\n    selectionEndValue,\n    selectionStartValue,\n    tagsValue\n  }: {\n    event: FormEvent<HTMLInputElement | HTMLTextAreaElement>;\n    inputTextValue: string;\n    selectionEndValue?: number;\n    selectionStartValue?: number;\n    tagsValue: TagData[];\n  }): void => {\n    let updatedStartIndex = event.currentTarget.selectionStart;\n    let updatedEndIndex = event.currentTarget.selectionEnd;\n    if (event.currentTarget.selectionStart === event.currentTarget.selectionEnd && event.currentTarget.selectionStart !== null && event.currentTarget.selectionStart !== -1) {\n      // just a caret movement/usual typing or deleting\n      const mentionTag = findMentionTagForSelection(tagsValue, event.currentTarget.selectionStart);\n      // don't include boundary cases to show correct selection, otherwise it will show selection at mention boundaries\n      if (mentionTag !== undefined && mentionTag.plainTextBeginIndex !== undefined && event.currentTarget.selectionStart > mentionTag.plainTextBeginIndex && event.currentTarget.selectionStart < (mentionTag.plainTextEndIndex ?? mentionTag.plainTextBeginIndex)) {\n        // get updated selection index\n        const newSelectionIndex = findNewSelectionIndexForMention({\n          tag: mentionTag,\n          textValue: inputTextValue,\n          currentSelectionIndex: event.currentTarget.selectionStart,\n          previousSelectionIndex: selectionStartValue ?? inputTextValue.length\n        });\n        updatedStartIndex = newSelectionIndex;\n        updatedEndIndex = newSelectionIndex;\n      }\n    } else if (event.currentTarget.selectionStart !== event.currentTarget.selectionEnd) {\n      // Both e.currentTarget.selectionStart !== selectionStartValue and e.currentTarget.selectionEnd !== selectionEndValue can be true when a user selects a text by double click\n      if (event.currentTarget.selectionStart !== null && event.currentTarget.selectionStart !== selectionStartValue) {\n        // the selection start is changed\n        const mentionTag = findMentionTagForSelection(tagsValue, event.currentTarget.selectionStart);\n        // don't include boundary cases to show correct selection, otherwise it will show selection at mention boundaries\n        if (mentionTag !== undefined && mentionTag.plainTextBeginIndex !== undefined && event.currentTarget.selectionStart > mentionTag.plainTextBeginIndex && event.currentTarget.selectionStart < (mentionTag.plainTextEndIndex ?? mentionTag.plainTextBeginIndex)) {\n          updatedStartIndex = findNewSelectionIndexForMention({\n            tag: mentionTag,\n            textValue: inputTextValue,\n            currentSelectionIndex: event.currentTarget.selectionStart,\n            previousSelectionIndex: selectionStartValue ?? inputTextValue.length\n          });\n        }\n      }\n      if (event.currentTarget.selectionEnd !== null && event.currentTarget.selectionEnd !== selectionEndValue) {\n        // the selection end is changed\n        const mentionTag = findMentionTagForSelection(tagsValue, event.currentTarget.selectionEnd);\n        // don't include boundary cases to show correct selection, otherwise it will show selection at mention boundaries\n        if (mentionTag !== undefined && mentionTag.plainTextBeginIndex !== undefined && event.currentTarget.selectionEnd > mentionTag.plainTextBeginIndex && event.currentTarget.selectionEnd < (mentionTag.plainTextEndIndex ?? mentionTag.plainTextBeginIndex)) {\n          updatedEndIndex = findNewSelectionIndexForMention({\n            tag: mentionTag,\n            textValue: inputTextValue,\n            currentSelectionIndex: event.currentTarget.selectionEnd,\n            previousSelectionIndex: selectionEndValue ?? inputTextValue.length\n          });\n        }\n      }\n    }\n    // e.currentTarget.selectionDirection should be set to handle shift + arrow keys\n    if (event.currentTarget.selectionDirection === null) {\n      event.currentTarget.setSelectionRange(updatedStartIndex, updatedEndIndex);\n    } else {\n      event.currentTarget.setSelectionRange(updatedStartIndex, updatedEndIndex, event.currentTarget.selectionDirection);\n    }\n    setSelectionStartValue(nullToUndefined(updatedStartIndex));\n    setSelectionEndValue(nullToUndefined(updatedEndIndex));\n  }, [setSelectionStartValue, setSelectionEndValue]);\n  const handleOnSelect = useCallback(({\n    event,\n    inputTextValue,\n    tags,\n    shouldHandleOnMouseDownDuringSelect,\n    selectionStartValue,\n    selectionEndValue,\n    interactionStartSelection\n  }: {\n    event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>;\n    inputTextValue: string;\n    tags: TagData[];\n    shouldHandleOnMouseDownDuringSelect: boolean;\n    selectionStartValue?: number;\n    selectionEndValue?: number;\n    interactionStartSelection?: {\n      start: number | undefined;\n      end: number | undefined;\n    };\n  }): void => {\n    if (event.currentTarget.selectionStart === 0 && event.currentTarget.selectionEnd === inputTextValue.length) {\n      // entire text is selected, no need to change anything\n      setSelectionStartValue(event.currentTarget.selectionStart);\n      setSelectionEndValue(event.currentTarget.selectionEnd);\n      setInteractionStartSelection(undefined);\n      setShouldHandleOnMouseDownDuringSelect(false);\n    } else if (shouldHandleOnMouseDownDuringSelect) {\n      if (interactionStartSelection !== undefined && (interactionStartSelection.start !== event.currentTarget.selectionStart || interactionStartSelection.end !== event.currentTarget.selectionEnd)) {\n        // selection was changed by mouse\n        // for mouse selection only, it's possible to start selection in the middle of a word in a mention\n        // because of this when event.currentTarget.selectionStart === mouseMoveStartPoint.start\n        // selectionStartValue for updateSelectionIndexesWithMentionIfNeeded should be set\n        // to the end of the input to mimic selection from right to left for the left selection index\n        const updatedSelectionStartValue = event.currentTarget.selectionStart === interactionStartSelection.start ? inputTextValue.length : interactionStartSelection.start;\n        // selectionStart is always less than selectionEnd so sometimes selectionEnd is user's start of the selection\n        // so when event.currentTarget.selectionEnd === mouseMoveStartPoint.end\n        // selectionEndValue for updateSelectionIndexesWithMentionIfNeeded should be set\n        // to the beginning of the input to mimic selection from left to right for the right selection index\n        const updatedSelectionEndValue = event.currentTarget.selectionEnd === interactionStartSelection.end ? 0 : interactionStartSelection.end;\n        updateSelectionIndexesWithMentionIfNeeded({\n          event,\n          inputTextValue,\n          selectionStartValue: updatedSelectionStartValue,\n          selectionEndValue: updatedSelectionEndValue,\n          tagsValue: tags\n        });\n        setInteractionStartSelection(undefined);\n        setShouldHandleOnMouseDownDuringSelect(false);\n      } else if (event.currentTarget.selectionStart !== null && event.currentTarget.selectionEnd !== null) {\n        // on select was triggered by mouse down/up with no movement\n        const mentionTag = findMentionTagForSelection(tags, event.currentTarget.selectionStart);\n        if (mentionTag !== undefined && mentionTag.plainTextBeginIndex !== undefined) {\n          // handle mention click by selecting the whole mention\n          // if the selection is not on the bounds of the mention\n          // disable selection for clicks on mention bounds\n          const mentionEndIndex = mentionTag.plainTextEndIndex ?? mentionTag.plainTextBeginIndex;\n          if (event.currentTarget.selectionStart !== event.currentTarget.selectionEnd && event.currentTarget.selectionEnd > mentionEndIndex) {\n            // handle triple click when the text starts from mention\n            if (event.currentTarget.selectionDirection === null) {\n              event.currentTarget.setSelectionRange(mentionTag.plainTextBeginIndex, event.currentTarget.selectionEnd);\n            } else {\n              event.currentTarget.setSelectionRange(mentionTag.plainTextBeginIndex, event.currentTarget.selectionEnd, event.currentTarget.selectionDirection);\n            }\n            setSelectionStartValue(mentionTag.plainTextBeginIndex);\n            setSelectionEndValue(event.currentTarget.selectionEnd);\n          } else if (event.currentTarget.selectionStart !== event.currentTarget.selectionEnd || event.currentTarget.selectionStart !== mentionTag.plainTextBeginIndex && event.currentTarget.selectionStart !== mentionEndIndex) {\n            if (event.currentTarget.selectionDirection === null) {\n              event.currentTarget.setSelectionRange(mentionTag.plainTextBeginIndex, mentionEndIndex);\n            } else {\n              event.currentTarget.setSelectionRange(mentionTag.plainTextBeginIndex, mentionEndIndex, event.currentTarget.selectionDirection);\n            }\n            setSelectionStartValue(mentionTag.plainTextBeginIndex);\n            setSelectionEndValue(mentionEndIndex);\n          } else {\n            // bounds of the mention were selected\n            setSelectionStartValue(event.currentTarget.selectionStart);\n            setSelectionEndValue(event.currentTarget.selectionEnd);\n          }\n        } else {\n          // not a mention tag\n          setSelectionStartValue(event.currentTarget.selectionStart);\n          setSelectionEndValue(nullToUndefined(event.currentTarget.selectionEnd));\n        }\n        setInteractionStartSelection(undefined);\n      }\n    } else {\n      // selection was changed by keyboard\n      updateSelectionIndexesWithMentionIfNeeded({\n        event,\n        inputTextValue,\n        selectionStartValue,\n        selectionEndValue,\n        tagsValue: tags\n      });\n    }\n  }, [updateSelectionIndexesWithMentionIfNeeded, setSelectionStartValue, setSelectionEndValue]);\n  type HandleOnChangeProps = {\n    currentSelectionEnd?: number;\n    currentSelectionStart?: number;\n    currentTriggerStartIndex: number;\n    event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>;\n    htmlTextValue: string;\n    inputTextValue: string;\n    previousSelectionEnd?: number;\n    previousSelectionStart?: number;\n    tagsValue: TagData[];\n    updatedValue?: string;\n  };\n  const handleOnChange = useCallback(async ({\n    currentSelectionEnd,\n    currentSelectionStart,\n    currentTriggerStartIndex,\n    event,\n    htmlTextValue,\n    inputTextValue,\n    previousSelectionEnd,\n    previousSelectionStart,\n    tagsValue,\n    updatedValue\n  }: HandleOnChangeProps): Promise<void> => {\n    debouncedQueryUpdate.cancel();\n    if (event.currentTarget === null) {\n      return;\n    }\n    // handle backspace change\n    // onSelect is not called for backspace as selection is not changed and local caret index is outdated\n    setCaretIndex(undefined);\n    const newValue = updatedValue ?? '';\n    const triggerText = mentionLookupOptions?.trigger ?? DEFAULT_MENTION_TRIGGER;\n    const newTextLength = newValue.length;\n    // updating indexes to set between 0 and text length, otherwise selectionRange won't be set correctly\n    const currentSelectionEndValue = getValidatedIndexInRange({\n      min: 0,\n      max: newTextLength,\n      currentValue: currentSelectionEnd\n    });\n    const currentSelectionStartValue = getValidatedIndexInRange({\n      min: 0,\n      max: newTextLength,\n      currentValue: currentSelectionStart\n    });\n    const previousSelectionStartValue = getValidatedIndexInRange({\n      min: 0,\n      max: inputTextValue.length,\n      currentValue: previousSelectionStart\n    });\n    const previousSelectionEndValue = getValidatedIndexInRange({\n      min: 0,\n      max: inputTextValue.length,\n      currentValue: previousSelectionEnd\n    });\n\n    // If we are enabled for lookups,\n    if (mentionLookupOptions !== undefined) {\n      // Look at the range of the change for a trigger character\n      const triggerPriorIndex = newValue.lastIndexOf(triggerText, currentSelectionEndValue - 1);\n      // Update the caret position, used for positioning the suggestions popover\n      const textField = event.currentTarget;\n      const relativePosition = Caret.getRelativePosition(textField);\n      if (textField.scrollHeight > textField.clientHeight) {\n        relativePosition.top -= textField.scrollTop;\n      }\n      setCaretPosition(relativePosition);\n      if (triggerPriorIndex !== undefined) {\n        // trigger is found\n        const symbolBeforeTrigger = newValue.substring(triggerPriorIndex - 1, triggerPriorIndex);\n        const isSpaceBeforeTrigger = symbolBeforeTrigger === ' ';\n        // check if \\r (Carriage Return), \\n (Line Feed) or \\r\\n (End Of Line) is before the trigger\n        const isNewLineBeforeTrigger = /\\r|\\n/.exec(symbolBeforeTrigger);\n        const wordAtSelection = newValue.substring(triggerPriorIndex, currentSelectionEndValue);\n        let tagIndex = currentTriggerStartIndex;\n        if (!isSpaceBeforeTrigger && triggerPriorIndex !== 0 && isNewLineBeforeTrigger === null) {\n          // no space before the trigger, it's not a beginning of the line and no new line before  <- continuation of the previous word\n          tagIndex = -1;\n          setCurrentTriggerStartIndex(tagIndex);\n        } else if (wordAtSelection === triggerText) {\n          // start of the mention\n          tagIndex = currentSelectionEndValue - triggerText.length;\n          if (tagIndex < 0) {\n            tagIndex = 0;\n          }\n          setCurrentTriggerStartIndex(tagIndex);\n        }\n        if (tagIndex === -1) {\n          updateMentionSuggestions([]);\n        } else {\n          // In the middle of a @mention lookup\n          if (tagIndex > -1) {\n            const query = wordAtSelection.substring(triggerText.length, wordAtSelection.length);\n            if (query !== undefined) {\n              await debouncedQueryUpdate(query);\n            }\n          }\n        }\n      }\n    }\n    const {\n      changeStart,\n      oldChangeEnd,\n      newChangeEnd\n    } = findStringsDiffIndexes({\n      oldText: inputTextValue,\n      newText: newValue,\n      previousSelectionStart: previousSelectionStartValue,\n      previousSelectionEnd: previousSelectionEndValue,\n      currentSelectionStart: currentSelectionStartValue,\n      currentSelectionEnd: currentSelectionEndValue\n    });\n    const change = newValue.substring(changeStart, newChangeEnd);\n    const updatedContent = updateHTML({\n      htmlText: htmlTextValue,\n      oldPlainText: inputTextValue,\n      tags: tagsValue,\n      startIndex: changeStart,\n      oldPlainTextEndIndex: oldChangeEnd,\n      change,\n      mentionTrigger: triggerText\n    });\n    setInternalTextValue(updatedContent.updatedHTML);\n\n    // update caret index if needed\n    if (updatedContent.updatedSelectionIndex !== undefined) {\n      setCaretIndex(updatedContent.updatedSelectionIndex);\n      setSelectionEndValue(updatedContent.updatedSelectionIndex);\n      setSelectionStartValue(updatedContent.updatedSelectionIndex);\n    }\n    onChange && onChange(event, updatedContent.updatedHTML);\n  }, [debouncedQueryUpdate, mentionLookupOptions, onChange, updateMentionSuggestions]);\n\n  // Adjust the selection range based on a mouse / touch interaction\n  const handleOnMove = useCallback(({\n    event,\n    selectionStartValue,\n    selectionEndValue,\n    interactionStartSelection,\n    shouldHandleMoveEvent\n  }: {\n    event: React.UIEvent<HTMLInputElement | HTMLTextAreaElement>;\n    selectionStartValue: number | undefined;\n    selectionEndValue: number | undefined;\n    interactionStartSelection: {\n      start: number | undefined;\n      end: number | undefined;\n    } | undefined;\n    shouldHandleMoveEvent: boolean;\n  }) => {\n    if (shouldHandleMoveEvent && interactionStartSelection === undefined && (event.currentTarget.selectionStart !== selectionStartValue || event.currentTarget.selectionEnd !== selectionEndValue)) {\n      setInteractionStartSelection({\n        start: nullToUndefined(event.currentTarget.selectionStart),\n        end: nullToUndefined(event.currentTarget.selectionEnd)\n      });\n    }\n  }, []);\n\n  // Adjust the selection range based on a mouse / touch interaction\n  const handleOnInteractionStarted = useCallback(() => {\n    // reset caret index as a new selection is started or cursor position will be changed\n    setCaretIndex(undefined);\n    setInteractionStartSelection(undefined);\n    setShouldHandleMoveEvent(true);\n    setShouldHandleOnMouseDownDuringSelect(true);\n  }, []);\n\n  // Adjust the selection range based on a mouse / touch interaction\n  const handleOnInteractionCompleted = useCallback(() => {\n    setShouldHandleMoveEvent(false);\n  }, []);\n  const announcerText = useMemo(() => {\n    if (activeSuggestionIndex === undefined) {\n      return undefined;\n    }\n    const currentMention = mentionSuggestions[activeSuggestionIndex ?? 0];\n    return currentMention && currentMention?.displayText.length > 0 ? currentMention?.displayText : localeStrings.participantItem.displayNamePlaceholder;\n  }, [activeSuggestionIndex, mentionSuggestions, localeStrings.participantItem.displayNamePlaceholder]);\n  return <>\n      {mentionSuggestions.length > 0 && <_MentionPopover suggestions={mentionSuggestions} activeSuggestionIndex={activeSuggestionIndex} target={inputBoxRef} targetPositionOffset={caretPosition} onRenderSuggestionItem={mentionLookupOptions?.onRenderSuggestionItem} onSuggestionSelected={onSuggestionSelected} onDismiss={() => {\n      updateMentionSuggestions([]);\n    }} />}\n      {announcerText !== undefined && <Announcer announcementString={announcerText} ariaLive={'polite'} />}\n      <TextField {...textFieldProps} data-ui-id={dataUiId} value={inputTextValue} onChange={(e, newValue) => {\n      // Remove when switching to react 17+, currently needed because of https://legacy.reactjs.org/docs/legacy-event-pooling.html\n      // Prevents React from resetting event's properties\n      e.persist();\n      setInputTextValue(newValue ?? '');\n      handleOnChange({\n        event: e,\n        tagsValue,\n        htmlTextValue: internalTextValue,\n        inputTextValue,\n        currentTriggerStartIndex,\n        previousSelectionStart: nullToUndefined(selectionStartValue),\n        previousSelectionEnd: nullToUndefined(selectionEndValue),\n        currentSelectionStart: nullToUndefined(e.currentTarget.selectionStart),\n        currentSelectionEnd: nullToUndefined(e.currentTarget.selectionEnd),\n        updatedValue: newValue\n      });\n    }} onSelect={e => {\n      // update selection if needed\n      if (caretIndex !== undefined) {\n        // sometimes setting selectionRage in effect for updating caretIndex doesn't work as expected and\n        // onSelect still returns outdated value for cursor position\n        // e.g. when user select some text and a first name in a mention then delete or type something else\n        if (caretIndex !== e.currentTarget.selectionStart || caretIndex !== e.currentTarget.selectionEnd) {\n          e.currentTarget.setSelectionRange(caretIndex, caretIndex);\n        }\n        // caret index should not be set to undefined here\n        // as it will cause issues when suggestion is selected by mouse\n        // caret index will be set to undefined during keyboard/mouse or touch interactions\n        return;\n      }\n      handleOnSelect({\n        event: e,\n        inputTextValue,\n        shouldHandleOnMouseDownDuringSelect,\n        selectionEndValue,\n        selectionStartValue,\n        tags: tagsValue,\n        interactionStartSelection\n      });\n    }} onMouseDown={() => {\n      // as events order is onMouseDown -> onMouseMove -> onMouseUp -> onSelect -> onClick\n      // onClick and onMouseDown can't handle clicking on mention event because\n      // onMouseDown doesn't have correct selectionRange yet and\n      // onClick already has wrong range as it's called after onSelect that updates the selection range\n      // so we need to handle onMouseDown to prevent onSelect default behavior\n      handleOnInteractionStarted();\n    }} onMouseMove={event => {\n      handleOnMove({\n        event,\n        selectionStartValue,\n        selectionEndValue,\n        interactionStartSelection,\n        shouldHandleMoveEvent\n      });\n    }} onMouseUp={() => {\n      handleOnInteractionCompleted();\n    }} onTouchStart={() => {\n      handleOnInteractionStarted();\n    }} onTouchMove={event => {\n      handleOnMove({\n        event,\n        selectionStartValue,\n        selectionEndValue,\n        interactionStartSelection,\n        shouldHandleMoveEvent\n      });\n    }} onTouchEnd={() => {\n      handleOnInteractionCompleted;\n    }} onBlur={() => {\n      // setup shouldHandleOnMouseDownDuringSelect to false when text field loses focus\n      // as the click should be handled by text field anymore\n      setShouldHandleOnMouseDownDuringSelect(false);\n    }} onKeyDown={onTextFieldKeyDown} elementRef={inputBoxRef} />\n    </>;\n};"]}

package/dist/dist-esm/react-components/src/components/TextFieldWithMention/mentionTagUtils.d.ts

@@ -1,152 +0,0 @@
-import { ComponentStrings } from '../../localization';
-import { Mention } from '../MentionPopover';
-/**
- * Props for finding a valid index in range.
- *
- * @private
- */
-type ValidatedIndexRangeProps = {
-    min: number;
-    max: number;
-    currentValue?: number;
-};
-/**
- * Get validated value for index between min and max values. If currentValue is not defined, -1 will be used instead.
- *
- * @private
- * @param props - Props for finding a valid index in range.
- * @returns Valid index in the range.
- */
-export declare const getValidatedIndexInRange: (props: ValidatedIndexRangeProps) => number;
-/**
- * Find mention tag for selection if exists.
- *
- * @private
- * @param tags - Existing list of tags.
- * @param selection - Selection index.
- * @returns Mention tag if exists, otherwise undefined.
- */
-export declare const findMentionTagForSelection: (tags: TagData[], selection: number) => TagData | undefined;
-/**
- * Props for finding new selection index for mention
- *
- * @private
- */
-type NewSelectionIndexForMentionProps = {
-    tag: TagData;
-    textValue: string;
-    currentSelectionIndex: number;
-    previousSelectionIndex: number;
-};
-/**
- * Find a new the selection index.
- *
- * @private
- * @param props - Props for finding new selection index for mention.
- * @returns New selection index if it is inside of a mention tag, otherwise the current selection.
- */
-export declare const findNewSelectionIndexForMention: (props: NewSelectionIndexForMentionProps) => number;
-/**
- * Props for update HTML function
- *
- * @private
- */
-type UpdateHTMLProps = {
-    htmlText: string;
-    oldPlainText: string;
-    tags: TagData[];
-    startIndex: number;
-    oldPlainTextEndIndex: number;
-    change: string;
-    mentionTrigger: string;
-};
-/**
- * Go through the text and update it with the changed text
- *
- * @private
- * @param props - Props for update HTML function.
- * @returns Updated HTML and selection index if the selection index should be set.
- */
-export declare const updateHTML: (props: UpdateHTMLProps) => {
-    updatedHTML: string;
-    updatedSelectionIndex?: number;
-};
-/**
- * Props for finding strings diff indexes
- *
- * @private
- */
-type DiffIndexesProps = {
-    oldText: string;
-    newText: string;
-    previousSelectionStart: number;
-    previousSelectionEnd: number;
-    currentSelectionStart: number;
-    currentSelectionEnd: number;
-};
-/**
- * Result of finding strings diff indexes function
- *
- * @private
- */
-type DiffIndexesResult = {
-    changeStart: number;
-    oldChangeEnd: number;
-    newChangeEnd: number;
-};
-/**
- * Given the oldText and newText, find the start index, old end index and new end index for the changes
- *
- * @private
- * @param props - Props for finding stings diff indexes function.
- * @returns Indexes for change start and ends in new and old texts. The old and new end indexes are exclusive.
- */
-export declare const findStringsDiffIndexes: (props: DiffIndexesProps) => DiffIndexesResult;
-/**
- * Get the html string for the mention suggestion.
- *
- * @private
- * @param suggestion - The mention suggestion.
- * @param localeStrings - The locale strings.
- * @returns The html string for the mention suggestion.
- */
-export declare const htmlStringForMentionSuggestion: (suggestion: Mention, localeStrings: ComponentStrings) => string;
-/**
- * Get display name for the mention suggestion.
- *
- * @private
- *
- * @param suggestion - The mention suggestion.
- * @param localeStrings - The locale strings.
- * @returns The display name for the mention suggestion or display name placeholder if display name is empty.
- */
-export declare const getDisplayNameForMentionSuggestion: (suggestion: Mention, localeStrings: ComponentStrings) => string;
-/**
- * Tag data for a HTML tag in the string
- *
- * @private
- */
-export type TagData = {
-    tagType: string;
-    openTagIndex: number;
-    openTagBody: string;
-    content?: string;
-    closingTagIndex?: number;
-    subTags?: TagData[];
-    plainTextBeginIndex?: number;
-    plainTextEndIndex?: number;
-};
-/**
- * Parse the text and return the tags and the plain text in one go
- * @private
- * @param text - The text to parse for HTML tags
- * @param trigger The trigger to show for the mention tag in plain text
- *
- * @returns An array of tags and the plain text representation
- */
-export declare const textToTagParser: (text: string, trigger: string) => {
-    tags: TagData[];
-    plainText: string;
-};
-export {};
-//# sourceMappingURL=mentionTagUtils.d.ts.map