{"version":3,"file":"TagInputField-tJiWxfPz.js","sources":["../../../app/javascript/components/common/Outputs/TagInputField.tsx"],"sourcesContent":["import React, { useImperativeHandle, forwardRef, useRef, useEffect, useState } from \"react\";\nimport { getImageUrl } from \"../../../commons/assets_path\";\nimport { OutputDataArray } from \"../../../types/types\";\n\ntype Props = {\n  initialContent: string;\n  onContentChange?: (content: string) => void;\n  outputs: OutputDataArray;\n  handleFocus?: () => void;\n  handleInput?: (value: string) => void;\n  handleBlur?: (value: string) => void;\n  handleClick?: () => void;\n  name?: string;\n  id?: string;\n  errorClass?: string;\n  type?: \"text\";\n  style?: object;\n  testId?: string;\n};\n\nexport type TagValue = {\n  icon_path: string;\n  display_name: string;\n  test_value: string;\n};\n\nexport type HandlerType = {\n  target: React.RefObject<HTMLDivElement>;\n  value: string;\n  formatForBackend: string;\n  handleInsertTag: (value: TagValue) => void;\n  overrideContent: (value: string) => void;\n  handleChangeInputWithSeparator: (value: string) => void;\n  setValue: React.Dispatch<React.SetStateAction<string>>;\n};\n\nconst TagInputField = forwardRef<HandlerType, Props>(\n  (\n    {\n      initialContent,\n      outputs,\n      handleFocus = null,\n      handleInput = null,\n      handleClick = null,\n      onContentChange = null, // NOTE:不要な可能性があるので後に削除するかも\n      handleBlur = null,\n      name = \"\",\n      id = \"\",\n      errorClass = \"\",\n      type = \"text\",\n      style = {},\n      testId = \"\",\n    },\n    ref,\n  ) => {\n    const [value, setValue] = useState<string>(\"\");\n    const [isRefReady, setIsRefReady] = useState(false);\n    const localRef = useRef<HTMLDivElement>(null);\n    // const contentRef = useRef(initialContent);\n    const savedRangeRef = useRef<Range | null>(null);\n\n    useImperativeHandle(ref, () => ({\n      target: localRef,\n      formatForBackend: value,\n      handleInsertTag,\n      overrideContent,\n      value,\n      setValue,\n      handleChangeInputWithSeparator,\n    }));\n\n    // キャレット位置を保存\n    const saveCaretPosition = () => {\n      const selection = window.getSelection();\n      if (selection && selection.rangeCount > 0) {\n        savedRangeRef.current = selection.getRangeAt(0);\n      }\n    };\n\n    // キャレット位置を復元\n    const restoreCaretPosition = () => {\n      const selection = window.getSelection();\n      if (selection && savedRangeRef.current) {\n        selection.removeAllRanges();\n        selection.addRange(savedRangeRef.current);\n      }\n    };\n\n    // キャレットを末尾に設定\n    const setCaretToEnd = () => {\n      if (!localRef.current) return;\n      localRef.current.focus(); // 要素にフォーカスを設定\n\n      const selection = window.getSelection();\n      const range = document.createRange();\n\n      // 要素の内容全体を選択し、末尾にキャレットを移動\n      range.selectNodeContents(localRef.current);\n      range.collapse(false); // falseで末尾にキャレットを設定\n\n      // 選択範囲をクリアし、新しいキャレット位置を適用\n      if (selection) {\n        selection.removeAllRanges();\n        selection.addRange(range);\n      }\n    };\n\n    const handleInputChange = () => {\n      if (localRef.current) {\n        const content = localRef.current.innerHTML;\n        if (onContentChange) {\n          onContentChange(content);\n        }\n        saveCaretPosition();\n        setValue(formatForBackend());\n        if (handleInput) {\n          handleInput(formatForBackend());\n        }\n      }\n    };\n\n    const handleTagClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLElement;\n      if (target.className === \"removeTag\") {\n        target.closest(\".react-tag-input__tag__outer\")?.remove();\n        handleInputChange(); // 削除後の内容を更新\n      } else {\n        // タグがクリックされた場合、キャレットをタグの後ろに移動\n        const selection = window.getSelection();\n        if (selection && selection.rangeCount > 0) {\n          const range = selection.getRangeAt(0);\n          const clickedTag = target.closest(\".react-tag-input__tag__outer\");\n          if (clickedTag) {\n            range.setStartAfter(clickedTag);\n            range.collapse(true);\n            selection.removeAllRanges();\n            selection.addRange(range);\n          }\n        }\n      }\n    };\n\n    // NOTE: BEに送る値に、HTMLエンティティが含まれないようにデコード\n    const decodeHTMLEntities = (text: string) => {\n      const textarea = document.createElement(\"textarea\");\n      textarea.innerHTML = text;\n\n      return textarea.value\n        .replace(/<br\\s*\\/?>/gi, \"\")\n        .replace(/<\\/div>/gi, \"\")\n        .replace(/<div>/gi, \"\");\n    };\n\n    // NOTE: BEに送るために{{output}}に変換する\n    const formatForBackend = () => {\n      if (localRef?.current) {\n        const tempDiv = document.createElement(\"div\");\n        tempDiv.innerHTML = localRef.current.innerHTML;\n        // HTMLの無駄な空白を削除する\n        tempDiv.innerHTML = tempDiv.innerHTML.replace(/\\s*(<[^>]+>)\\s*/g, \"$1\").trim();\n\n        // タグを探して{{}}形式に変換\n        const tags = tempDiv.querySelectorAll(\".react-tag-input__tag__outer\");\n        tags.forEach((tag) => {\n          const tagContent = tag.querySelector(\".react-tag-input__tag__content\");\n\n          if (tagContent instanceof HTMLElement) {\n            // タグを{{タグ名}}形式に置換\n            const displayName = tagContent.innerText;\n            tag.replaceWith(`{{${displayName}}}`);\n          }\n        });\n        // {{}}内の空白や改行を削除\n        tempDiv.innerHTML = tempDiv.innerHTML.replace(/{{\\s*(.*?)\\s*}}/g, (match, p1) => {\n          return `{{${p1.trim()}}}`;\n        });\n\n        return decodeHTMLEntities(tempDiv.innerHTML);\n      } else {\n        return \"\";\n      }\n    };\n\n    // NOTE: タグHTMLを生成\n    const tagFormat = (value: TagValue) => {\n      const iconPath = value?.icon_path ? getImageUrl(value.icon_path) : \"\";\n      const iconNode = iconPath ? `<img src=\"${iconPath}\" alt=\"\" width=20 height=20 />` : \"\";\n      const removeIconPath = getImageUrl(\"images/icons/grayCancel.svg\");\n      const displayName = value.display_name.replace(/{{(.*?)}}/, \"$1\");\n      const testValue = value?.test_value ? `<p class=\"react-tag-input__tag__desc\">${value.test_value}</p>` : \"\";\n      const htmlString = `\n      <span class=\"react-tag-input__tag__outer\" contentEditable=\"false\" style=\"vertical-align: middle; display: inline-flex; padding: 0 5px 0 5px; margin-left: 3px\">\n        <div class=\"react-tag-input__tag\" contentEditable=\"false\" style=\"display: inline-flex; vertical-align: middle;\">\n          ${iconNode}\n          <div class=\"react-tag-input__tag__content\" style=\"padding: 0;\">\n            ${displayName}\n          </div>\n          ${testValue}\n          <img src=\"${removeIconPath}\" width=16 height=16 class=\"removeTag\" style=\"cursor: pointer;\" />\n        </div>\n      </span>\n      `;\n\n      return htmlString.trim();\n    };\n\n    // アウトプットからタグを入力\n    const handleInsertTag = (value: TagValue) => {\n      restoreCaretPosition();\n      const htmlString = tagFormat(value);\n      const selection = window.getSelection();\n      if (!selection || selection.rangeCount === 0) return;\n\n      const range = selection.getRangeAt(0);\n\n      // contentEditableなdiv要素内にいるか確認\n      if (!localRef.current || !range.commonAncestorContainer) return;\n\n      // キャレット位置がcontentEditable内にあるかチェック\n      const isInsideContentEditable = localRef.current.contains(range.commonAncestorContainer);\n      if (!isInsideContentEditable) return;\n\n      const template = document.createElement(\"template\");\n      template.innerHTML = htmlString.replace(/\\s*(<[^>]+>)\\s*/g, \"$1\").trim();\n\n      // template.contentEditable = \"false\";\n      const insertNode = template.content.childNodes[0];\n      range.insertNode(insertNode);\n\n      range.setStartAfter(insertNode);\n      range.collapse(true);\n\n      selection.removeAllRanges();\n      selection.addRange(range);\n\n      saveCaretPosition();\n      handleInputChange();\n    };\n\n    // NOTE: 入力値のreffererがapi-pulldownタイプだった場合用\n    const overrideContent = (value: string) => {\n      if (localRef.current) {\n        setValue(value);\n        localRef.current.innerHTML = value;\n      }\n    };\n\n    const handleChangeInputWithSeparator = (targetValue: string) => {\n      if (localRef.current) {\n        const result = value ? `${value},${targetValue}` : targetValue;\n\n        setValue(result);\n        localRef.current.innerHTML = /{{(.*?)}}/.test(value) ? `${localRef.current.innerHTML},${targetValue}` : result;\n\n        handleInputChange();\n        setCaretToEnd();\n      }\n    };\n\n    // NOTE: propsで受け取った値からアウトプットの箇所をタグにリプレイスする\n    const replaceTemplateTags = () => {\n      if (!initialContent) return \"\";\n\n      // {{}}を探して置換\n      const replacedText = initialContent.replace(/{{(.*?)}}/g, (match, p1) => {\n        const output = findOutputByDisplayName(p1);\n        return output ? tagFormat(output as TagValue) : match; // 対象外は元のテキストをそのまま保持\n      });\n\n      return replacedText;\n    };\n    // NOTE: タグへのリプレイスに必要な値をoutputsから取得\n    const findOutputByDisplayName = (targetDisplayName: string) => {\n      for (const item of outputs) {\n        const match = item.outputs.find((output) => output.display_name === targetDisplayName);\n\n        if (match) {\n          return {\n            display_name: match.display_name,\n            test_value: match.test_value,\n            icon_path: item.icon_path,\n          };\n        }\n      }\n      return {\n        display_name: targetDisplayName,\n      };\n    };\n\n    // NOTE: コピー元のフォントをリセットする\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      e.preventDefault(); // デフォルトのペースト動作を無効化\n\n      // クリップボードからプレーンテキストを取得\n      const text = e.clipboardData.getData(\"text/plain\");\n\n      // キャレット位置を取得してテキストを挿入\n      const selection = window.getSelection();\n      if (selection && selection.rangeCount > 0) {\n        const range = selection.getRangeAt(0);\n        range.deleteContents(); // 現在の選択範囲を削除\n        const textNode = document.createTextNode(text);\n        range.insertNode(textNode);\n\n        // キャレットを挿入したテキストの後ろに移動\n        range.setStartAfter(textNode);\n        range.setEndAfter(textNode);\n        selection.removeAllRanges();\n        selection.addRange(range);\n\n        if (handleInput) {\n          handleInput(formatForBackend());\n        }\n      }\n    };\n\n    const handleTextFormattingShortcuts = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      const isBoldShortcut = (event.metaKey && event.key === \"b\") || (event.ctrlKey && event.key === \"b\");\n      const isItalicShortcut = (event.metaKey && event.key === \"i\") || (event.ctrlKey && event.key === \"i\");\n      const isUnderlineShortcut = (event.metaKey && event.key === \"u\") || (event.ctrlKey && event.key === \"u\");\n\n      if (isBoldShortcut || isItalicShortcut || isUnderlineShortcut) {\n        event.preventDefault(); // デフォルトのショートカット処理を無効化\n      }\n    };\n\n    useEffect(() => {\n      if (localRef.current) {\n        setIsRefReady(true); // 初回レンダリング後にrefの設定を確定\n        localRef.current.innerHTML = replaceTemplateTags();\n        setValue(initialContent);\n      }\n    }, [initialContent]);\n\n    return (\n      <>\n        <input type=\"hidden\" name={name} value={value} id={id} data-testid={`${testId}-value`} />\n        <div\n          ref={localRef}\n          data-testid={`${testId}-field`}\n          contentEditable\n          className={`addressInput form-control no-scrollbar ${errorClass}`}\n          onInput={handleInputChange}\n          onClick={handleTagClick}\n          onFocus={() => {\n            if (handleFocus) {\n              handleFocus();\n            }\n            const element = localRef.current;\n            if (element && element.scrollWidth > element.clientWidth) {\n              element.scrollLeft = element.scrollWidth;\n            }\n            restoreCaretPosition();\n            setIsRefReady(true);\n          }}\n          onBlur={(e) => {\n            saveCaretPosition();\n            setValue(formatForBackend());\n            if (handleBlur) {\n              handleBlur(formatForBackend());\n            }\n\n            if (localRef.current) {\n              localRef.current.scrollLeft = -localRef.current.scrollWidth;\n            }\n          }}\n          onKeyDown={(e) => {\n            if (!localRef.current) return;\n            if (e.key === \"Enter\" || (e.key === \"Enter\" && e.shiftKey)) {\n              e.preventDefault();\n            }\n            handleTextFormattingShortcuts(e);\n            if (e.key === \"Backspace\" || e.key === \"Delete\") {\n              // textNode削除&carret位置の右側にタグがある時、最後の一文字の削除だけ無効化して、手動で消す\n              // contentEditableのデフォルト機能で無駄なbrが入るため。\n              const selection = window.getSelection();\n\n              if (selection && selection.rangeCount > 0) {\n                const range = selection.getRangeAt(0);\n                const startContainer = range.startContainer; // キャレットがあるノード\n                const startOffset = range.startOffset; // キャレットのオフセット\n\n                if (startContainer.nodeType === Node.TEXT_NODE) {\n                  const textNode = startContainer;\n\n                  // キャレットがテキストノードの末尾にある場合\n                  if (startOffset === textNode.textContent?.length && textNode.textContent.length === 1) {\n                    // テキストノードの次の兄弟ノードを取得\n                    const parentElement = textNode.parentElement; // テキストノードの親要素\n                    const childNodes = parentElement?.childNodes;\n\n                    if (childNodes) {\n                      const textNodeIndex = Array.from(childNodes).indexOf(textNode as ChildNode);\n\n                      // テキストノードの次のノードを確認\n                      const nextNode = childNodes[textNodeIndex + 1];\n                      if (\n                        nextNode &&\n                        nextNode.nodeType === Node.ELEMENT_NODE &&\n                        (nextNode as HTMLElement).classList.contains(\"react-tag-input__tag__outer\")\n                      ) {\n                        e.preventDefault();\n                        textNode.textContent = \"\";\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }}\n          onPaste={handlePaste}\n          style={{\n            outline: \"none\",\n            boxShadow: \"none\",\n            overflowX: \"auto\",\n            whiteSpace: \"nowrap\",\n            maxHeight: \"44px\",\n            height: \"44px\",\n            lineHeight: \"2.2\",\n            ...style,\n          }}\n        />\n      </>\n    );\n  },\n);\n\nexport default TagInputField;\n"],"names":["TagInputField","forwardRef","initialContent","outputs","handleFocus","handleInput","handleClick","onContentChange","handleBlur","name","id","errorClass","type","style","testId","ref","value","setValue","useState","isRefReady","setIsRefReady","localRef","useRef","savedRangeRef","useImperativeHandle","handleInsertTag","overrideContent","handleChangeInputWithSeparator","saveCaretPosition","selection","restoreCaretPosition","setCaretToEnd","range","handleInputChange","content","formatForBackend","handleTagClick","e","target","_a","clickedTag","decodeHTMLEntities","text","textarea","tempDiv","tag","tagContent","displayName","match","p1","tagFormat","iconPath","getImageUrl","iconNode","removeIconPath","testValue","htmlString","template","insertNode","targetValue","result","replaceTemplateTags","output","findOutputByDisplayName","targetDisplayName","item","handlePaste","textNode","handleTextFormattingShortcuts","event","isBoldShortcut","isItalicShortcut","isUnderlineShortcut","useEffect","jsxs","Fragment","jsx","element","startContainer","startOffset","parentElement","childNodes","textNodeIndex","nextNode"],"mappings":"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"}