@tipp/ui-quill-editor 1.4.43 → 1.4.45

package/dist/chunk-B2YNOJG7.js

@@ -0,0 +1,20 @@
+// src/html-container.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var QuillHtmlOutputContainer = forwardRef(({ html, className }, ref) => {
+  return /* @__PURE__ */ jsx("div", { className: "ql-snow ql-container read-mode", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `ql-editor ${className || ""}`,
+      dangerouslySetInnerHTML: { __html: html },
+      ref
+    }
+  ) });
+});
+QuillHtmlOutputContainer.displayName = "QuillHtmlOutputContainer";
+var html_container_default = QuillHtmlOutputContainer;
+
+export {
+  html_container_default
+};
+//# sourceMappingURL=chunk-B2YNOJG7.js.map

package/dist/chunk-B2YNOJG7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/html-container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\ninterface QuillHtmlOutputContainerProps {\n  html: string;\n  className?: string;\n}\n\nconst QuillHtmlOutputContainer = forwardRef<\n  HTMLDivElement,\n  QuillHtmlOutputContainerProps\n>(({ html, className }, ref): React.ReactElement => {\n  return (\n    <div className=\"ql-snow ql-container read-mode\">\n      <div\n        className={`ql-editor ${className || ''}`}\n        dangerouslySetInnerHTML={{ __html: html }}\n        ref={ref}\n      />\n    </div>\n  );\n});\n\nQuillHtmlOutputContainer.displayName = 'QuillHtmlOutputContainer';\n\nexport default QuillHtmlOutputContainer;\n"],"mappings":";AAAA,SAAgB,kBAAkB;AAa5B;AANN,IAAM,2BAA2B,WAG/B,CAAC,EAAE,MAAM,UAAU,GAAG,QAA4B;AAClD,SACE,oBAAC,SAAI,WAAU,kCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa,aAAa,EAAE;AAAA,MACvC,yBAAyB,EAAE,QAAQ,KAAK;AAAA,MACxC;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,yBAAyB,cAAc;AAEvC,IAAO,yBAAQ;","names":[]}

package/dist/editor.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  TextField,\n  Typo,\n  Link2Icon,\n  toast,\n  FileIcon,\n} from '@tipp/ui';\nimport type { ReactQuillProps } from 'react-quill';\nimport ReactQuill from 'react-quill';\nimport type { Attachment } from './type';\n\nexport interface TippEditorProps extends ReactQuillProps {\n  defaultTitle?: string;\n  defaultValue?: string;\n  defaultAttachedFiles?: Attachment[];\n  /** 저장하기 버튼 클릭 시 실행 */\n  onClickSave?: (values: {\n    title: string;\n    content: string;\n    files: Attachment[];\n  }) => void;\n  /** 파일 업로드 버튼 클릭 시 실행 */\n  uploadFile?: (\n    file: File,\n    destination: string\n  ) => Promise<Attachment | undefined>;\n  deleteFile?: (fileUrl: string) => Promise<void>;\n  /** 외부에서 Editor를 빈 상태로 초기화 시켜야 할 때 사용 */\n  clearEditor?: React.MutableRefObject<(() => void) | undefined>;\n  /** 초기화 버튼말고 다른 버튼 추가시 */\n  SecondaryButton?: React.ReactNode;\n  /** true인 경우 저장하기 버튼이 비활성 화 됨. 연타 방지 */\n  isLoading?: boolean;\n  minHeight?: string;\n  maxHeight?: string;\n  height?: string;\n}\n\nexport const Editor = forwardRef<ReactQuill, TippEditorProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      defaultAttachedFiles,\n      defaultTitle,\n      defaultValue,\n      onClickSave,\n      uploadFile,\n      deleteFile,\n      isLoading,\n      SecondaryButton,\n      clearEditor,\n      minHeight,\n      maxHeight,\n      height,\n      ...quillProps\n    } = props;\n    const defaultRef = useRef<ReactQuill>(null);\n    const editorRef = ref || defaultRef;\n    const [attachedFiles, setAttachedFiles] = useState<Attachment[]>(\n      defaultAttachedFiles || []\n    );\n    const [fileDeleteLoading, setFileDeleteLoading] = useState(new Set());\n\n    const [title, setTitle] = useState(defaultTitle || '');\n    const [content, setContent] = useState(defaultValue || '');\n\n    const handleOnChangeContent = useCallback((value: string) => {\n      setContent(value);\n    }, []);\n\n    const handleButtonClick = useCallback(() => {\n      let input: HTMLInputElement | null = document.createElement('input');\n      input.type = 'file';\n      input.onchange = async (event) => {\n        const file = (event.target as HTMLInputElement).files?.[0];\n        if (!file) {\n          // console.log('DEBUG: no file');\n          toast.error('파일을 선택해주세요.');\n          return;\n        }\n\n        const fileName = file.name;\n        const attachment = await uploadFile?.(file, `hr-notes/${fileName}`);\n        if (attachment) {\n          setAttachedFiles((prev) => [...prev, attachment]);\n        }\n        input = null;\n      };\n      input.click();\n    }, [uploadFile]);\n\n    const handleDeleteFile = useCallback(\n      async (fileUrl: string) => {\n        try {\n          setFileDeleteLoading((p) => p.add(fileUrl));\n          await deleteFile?.(fileUrl);\n          setAttachedFiles((currentFiles) =>\n            currentFiles.filter((item) => item.url !== fileUrl)\n          );\n        } catch (err) {\n          toast.error('파일 삭제에 실패했습니다.');\n        } finally {\n          setFileDeleteLoading((p) => {\n            p.delete(fileUrl);\n            return p;\n          });\n        }\n      },\n      [deleteFile]\n    );\n\n    const renderAttachedFiles = useCallback(() => {\n      return (\n        <Box width=\"100%\">\n          {attachedFiles.map((file) => {\n            return (\n              <>\n                <Separator size=\"4\" />\n                <Flex\n                  align=\"center\"\n                  justify=\"between\"\n                  key={`${file.url}_${file.fileName}`}\n                  p=\"4\"\n                  width=\"100%\"\n                >\n                  <Link href={file.url} size=\"2\">\n                    <Flex align=\"center\" gap=\"3\">\n                      <FileIcon />\n                      {file.fileName}\n                    </Flex>\n                  </Link>\n                  <Button\n                    loading={fileDeleteLoading.has(file.url)}\n                    onClick={() => {\n                      void handleDeleteFile(file.url);\n                    }}\n                    variant=\"ghost\"\n                  >\n                    첨부 파일 삭제\n                  </Button>\n                </Flex>\n              </>\n            );\n          })}\n        </Box>\n      );\n    }, [attachedFiles, fileDeleteLoading, handleDeleteFile]);\n\n    const handleOnChangeTitle = useCallback<\n      React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>\n    >((e) => {\n      setTitle(e.target.value);\n    }, []);\n\n    const clearEditorState = useCallback(() => {\n      setContent('');\n      setAttachedFiles([]);\n      setTitle('');\n    }, []);\n\n    const handleSaveClick = useCallback(() => {\n      onClickSave?.({\n        title,\n        content,\n        files: attachedFiles,\n      });\n    }, [onClickSave, title, content, attachedFiles]);\n\n    if (props.clearEditor) {\n      props.clearEditor.current = clearEditorState;\n    }\n\n    const cssVariables = {\n      '--max-height': maxHeight,\n      '--min-height': minHeight,\n      '--height': height || '100%',\n    } as React.CSSProperties;\n\n    return (\n      <div\n        className=\"tipp-ql-wrapper\"\n        style={{\n          ...cssVariables,\n        }}\n      >\n        {/* 제목 입력창 */}\n        <Grid\n          align=\"center\"\n          columns=\"auto auto 1fr\"\n          gap=\"2\"\n          height=\"42px\"\n          pl=\"2\"\n          pr=\"3\"\n          width=\"100%\"\n        >\n          <Box pl=\"3\" pr=\"3\">\n            <Typo>제목</Typo>\n          </Box>\n          <Separator orientation=\"vertical\" style={{ height: '100%' }} />\n          <TextField.Root\n            className=\"editor-title-text-field\"\n            onChange={handleOnChangeTitle}\n            placeholder=\"제목을 입력해주세요\"\n            value={title}\n          />\n        </Grid>\n        <ReactQuill\n          className=\"tipp-ql-editor write-mode\"\n          onChange={handleOnChangeContent}\n          ref={editorRef}\n          theme=\"snow\"\n          value={content}\n          {...quillProps}\n        />\n        {renderAttachedFiles()}\n        <Separator size=\"4\" />\n        <Flex align=\"center\" justify=\"between\" p=\"2\" pl=\"4\" pr=\"4\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={handleButtonClick}\n            variant=\"transparent\"\n          >\n            <Link2Icon height={20} width={20} />\n          </Button>\n\n          <Flex gap=\"2\">\n            {clearEditor ? (\n              <Button color=\"gray\" onClick={clearEditorState} variant=\"outline\">\n                초기화\n              </Button>\n            ) : null}\n            {SecondaryButton ? SecondaryButton : null}\n            <Button disabled={isLoading} onClick={handleSaveClick}>\n              저장\n            </Button>\n          </Flex>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nEditor.displayName = 'TIPP-Quill-Editor';\n"],"mappings":"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","names":["_a","ReactQuill"]}
+{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  TextField,\n  Typo,\n  Link2Icon,\n  toast,\n  FileIcon,\n} from '@tipp/ui';\nimport type { ReactQuillProps } from 'react-quill';\nimport ReactQuill from 'react-quill';\nimport type { Attachment } from './type';\n\nexport interface TippEditorProps extends ReactQuillProps {\n  defaultTitle?: string;\n  defaultValue?: string;\n  defaultAttachedFiles?: Attachment[];\n  /** 저장하기 버튼 클릭 시 실행 */\n  onClickSave?: (values: {\n    title: string;\n    content: string;\n    files: Attachment[];\n  }) => void;\n  /** 파일 업로드 버튼 클릭 시 실행 */\n  uploadFile?: (\n    file: File,\n    destination: string\n  ) => Promise<Attachment | undefined>;\n  deleteFile?: (fileUrl: string) => Promise<void>;\n  /** 외부에서 Editor를 빈 상태로 초기화 시켜야 할 때 사용 */\n  clearEditor?: React.MutableRefObject<(() => void) | undefined>;\n  /** 초기화 버튼말고 다른 버튼 추가시 */\n  SecondaryButton?: React.ReactNode;\n  /** true인 경우 저장하기 버튼이 비활성 화 됨. 연타 방지 */\n  isLoading?: boolean;\n  minHeight?: string;\n  maxHeight?: string;\n  height?: string;\n}\n\nexport const Editor = forwardRef<ReactQuill, TippEditorProps>(\n  (props, ref): React.ReactElement => {\n    const {\n      defaultAttachedFiles,\n      defaultTitle,\n      defaultValue,\n      onClickSave,\n      uploadFile,\n      deleteFile,\n      isLoading,\n      SecondaryButton,\n      clearEditor,\n      minHeight,\n      maxHeight,\n      height,\n      ...quillProps\n    } = props;\n    const defaultRef = useRef<ReactQuill>(null);\n    const editorRef = ref || defaultRef;\n    const [attachedFiles, setAttachedFiles] = useState<Attachment[]>(\n      defaultAttachedFiles || []\n    );\n    const [fileDeleteLoading, setFileDeleteLoading] = useState(new Set());\n\n    const [title, setTitle] = useState(defaultTitle || '');\n    const [content, setContent] = useState(defaultValue || '');\n\n    const handleOnChangeContent = useCallback((value: string) => {\n      setContent(value);\n    }, []);\n\n    const handleButtonClick = useCallback(() => {\n      let input: HTMLInputElement | null = document.createElement('input');\n      input.type = 'file';\n      input.onchange = async (event) => {\n        const file = (event.target as HTMLInputElement).files?.[0];\n        if (!file) {\n          // console.log('DEBUG: no file');\n          toast.error('파일을 선택해주세요.');\n          return;\n        }\n\n        const fileName = file.name;\n        const attachment = await uploadFile?.(file, `hr-notes/${fileName}`);\n        if (attachment) {\n          setAttachedFiles((prev) => [...prev, attachment]);\n        }\n        input = null;\n      };\n      input.click();\n    }, [uploadFile]);\n\n    const handleDeleteFile = useCallback(\n      async (fileUrl: string) => {\n        try {\n          setFileDeleteLoading((p) => p.add(fileUrl));\n          await deleteFile?.(fileUrl);\n          setAttachedFiles((currentFiles) =>\n            currentFiles.filter((item) => item.url !== fileUrl)\n          );\n        } catch (err) {\n          toast.error('파일 삭제에 실패했습니다.');\n        } finally {\n          setFileDeleteLoading((p) => {\n            p.delete(fileUrl);\n            return p;\n          });\n        }\n      },\n      [deleteFile]\n    );\n\n    const renderAttachedFiles = useCallback(() => {\n      return (\n        <Box width=\"100%\">\n          {attachedFiles.map((file) => {\n            return (\n              <>\n                <Separator size=\"4\" />\n                <Flex\n                  align=\"center\"\n                  justify=\"between\"\n                  key={`${file.url}_${file.fileName}`}\n                  p=\"4\"\n                  width=\"100%\"\n                >\n                  <Link href={file.url} size=\"2\">\n                    <Flex align=\"center\" gap=\"3\">\n                      <FileIcon />\n                      {file.fileName}\n                    </Flex>\n                  </Link>\n                  <Button\n                    loading={fileDeleteLoading.has(file.url)}\n                    onClick={() => {\n                      void handleDeleteFile(file.url);\n                    }}\n                    variant=\"ghost\"\n                  >\n                    첨부 파일 삭제\n                  </Button>\n                </Flex>\n              </>\n            );\n          })}\n        </Box>\n      );\n    }, [attachedFiles, fileDeleteLoading, handleDeleteFile]);\n\n    const handleOnChangeTitle = useCallback<\n      React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>\n    >((e) => {\n      setTitle(e.target.value);\n    }, []);\n\n    const clearEditorState = useCallback(() => {\n      setContent('');\n      setAttachedFiles([]);\n      setTitle('');\n    }, []);\n\n    const handleSaveClick = useCallback(() => {\n      onClickSave?.({\n        title,\n        content,\n        files: attachedFiles,\n      });\n    }, [onClickSave, title, content, attachedFiles]);\n\n    if (props.clearEditor) {\n      props.clearEditor.current = clearEditorState;\n    }\n\n    const cssVariables = {\n      '--max-height': maxHeight,\n      '--min-height': minHeight,\n      '--height': height || '100%',\n    } as React.CSSProperties;\n\n    return (\n      <div\n        className=\"tipp-ql-wrapper\"\n        style={{\n          ...cssVariables,\n        }}\n      >\n        {/* 제목 입력창 */}\n        <Grid\n          align=\"center\"\n          columns=\"auto auto 1fr\"\n          gap=\"2\"\n          height=\"42px\"\n          pl=\"2\"\n          pr=\"3\"\n          width=\"100%\"\n        >\n          <Box pl=\"3\" pr=\"3\">\n            <Typo>제목</Typo>\n          </Box>\n          <Separator orientation=\"vertical\" style={{ height: '100%' }} />\n          <TextField.Root\n            className=\"editor-title-text-field\"\n            onChange={handleOnChangeTitle}\n            placeholder=\"제목을 입력해주세요\"\n            value={title}\n          />\n        </Grid>\n        <ReactQuill\n          className=\"tipp-ql-editor write-mode\"\n          onChange={handleOnChangeContent}\n          ref={editorRef}\n          theme=\"snow\"\n          value={content}\n          {...quillProps}\n        />\n        {renderAttachedFiles()}\n        <Separator size=\"4\" />\n        <Flex align=\"center\" justify=\"between\" p=\"2\" pl=\"4\" pr=\"4\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={handleButtonClick}\n            variant=\"transparent\"\n          >\n            <Link2Icon height={20} width={20} />\n          </Button>\n\n          <Flex gap=\"2\">\n            {clearEditor ? (\n              <Button color=\"gray\" onClick={clearEditorState} variant=\"outline\">\n                초기화\n              </Button>\n            ) : null}\n            {SecondaryButton ? SecondaryButton : null}\n            <Button disabled={isLoading} onClick={handleSaveClick}>\n              저장\n            </Button>\n          </Flex>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nEditor.displayName = 'TIPP-Quill-Editor';\n"],"mappings":"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","names":["_a","ReactQuill"]}

package/dist/editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  TextField,\n  Typo,\n  Link2Icon,\n  toast,\n  FileIcon,\n} from '@tipp/ui';\nimport type { ReactQuillProps } from 'react-quill';\nimport ReactQuill from 'react-quill';\nimport type { Attachment } from './type';\n\nexport interface TippEditorProps extends ReactQuillProps {\n  defaultTitle?: string;\n  defaultValue?: string;\n  defaultAttachedFiles?: Attachment[];\n  /** 저장하기 버튼 클릭 시 실행 */\n  onClickSave?: (values: {\n    title: string;\n    content: string;\n    files: Attachment[];\n  }) => void;\n  /** 파일 업로드 버튼 클릭 시 실행 */\n  uploadFile?: (\n    file: File,\n    destination: string\n  ) => Promise<Attachment | undefined>;\n  deleteFile?: (fileUrl: string) => Promise<void>;\n  /** 외부에서 Editor를 빈 상태로 초기화 시켜야 할 때 사용 */\n  clearEditor?: React.MutableRefObject<(() => void) | undefined>;\n  /** 초기화 버튼말고 다른 버튼 추가시 */\n  SecondaryButton?: React.ReactNode;\n  /** true인 경우 저장하기 버튼이 비활성 화 됨. 연타 방지 */\n  isLoading?: boolean;\n  minHeight?: string;\n  maxHeight?: string;\n  height?: string;\n}\n\nexport const Editor = forwardRef<ReactQuill, TippEditorProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      defaultAttachedFiles,\n      defaultTitle,\n      defaultValue,\n      onClickSave,\n      uploadFile,\n      deleteFile,\n      isLoading,\n      SecondaryButton,\n      clearEditor,\n      minHeight,\n      maxHeight,\n      height,\n      ...quillProps\n    } = props;\n    const defaultRef = useRef<ReactQuill>(null);\n    const editorRef = ref || defaultRef;\n    const [attachedFiles, setAttachedFiles] = useState<Attachment[]>(\n      defaultAttachedFiles || []\n    );\n    const [fileDeleteLoading, setFileDeleteLoading] = useState(new Set());\n\n    const [title, setTitle] = useState(defaultTitle || '');\n    const [content, setContent] = useState(defaultValue || '');\n\n    const handleOnChangeContent = useCallback((value: string) => {\n      setContent(value);\n    }, []);\n\n    const handleButtonClick = useCallback(() => {\n      let input: HTMLInputElement | null = document.createElement('input');\n      input.type = 'file';\n      input.onchange = async (event) => {\n        const file = (event.target as HTMLInputElement).files?.[0];\n        if (!file) {\n          // console.log('DEBUG: no file');\n          toast.error('파일을 선택해주세요.');\n          return;\n        }\n\n        const fileName = file.name;\n        const attachment = await uploadFile?.(file, `hr-notes/${fileName}`);\n        if (attachment) {\n          setAttachedFiles((prev) => [...prev, attachment]);\n        }\n        input = null;\n      };\n      input.click();\n    }, [uploadFile]);\n\n    const handleDeleteFile = useCallback(\n      async (fileUrl: string) => {\n        try {\n          setFileDeleteLoading((p) => p.add(fileUrl));\n          await deleteFile?.(fileUrl);\n          setAttachedFiles((currentFiles) =>\n            currentFiles.filter((item) => item.url !== fileUrl)\n          );\n        } catch (err) {\n          toast.error('파일 삭제에 실패했습니다.');\n        } finally {\n          setFileDeleteLoading((p) => {\n            p.delete(fileUrl);\n            return p;\n          });\n        }\n      },\n      [deleteFile]\n    );\n\n    const renderAttachedFiles = useCallback(() => {\n      return (\n        <Box width=\"100%\">\n          {attachedFiles.map((file) => {\n            return (\n              <>\n                <Separator size=\"4\" />\n                <Flex\n                  align=\"center\"\n                  justify=\"between\"\n                  key={`${file.url}_${file.fileName}`}\n                  p=\"4\"\n                  width=\"100%\"\n                >\n                  <Link href={file.url} size=\"2\">\n                    <Flex align=\"center\" gap=\"3\">\n                      <FileIcon />\n                      {file.fileName}\n                    </Flex>\n                  </Link>\n                  <Button\n                    loading={fileDeleteLoading.has(file.url)}\n                    onClick={() => {\n                      void handleDeleteFile(file.url);\n                    }}\n                    variant=\"ghost\"\n                  >\n                    첨부 파일 삭제\n                  </Button>\n                </Flex>\n              </>\n            );\n          })}\n        </Box>\n      );\n    }, [attachedFiles, fileDeleteLoading, handleDeleteFile]);\n\n    const handleOnChangeTitle = useCallback<\n      React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>\n    >((e) => {\n      setTitle(e.target.value);\n    }, []);\n\n    const clearEditorState = useCallback(() => {\n      setContent('');\n      setAttachedFiles([]);\n      setTitle('');\n    }, []);\n\n    const handleSaveClick = useCallback(() => {\n      onClickSave?.({\n        title,\n        content,\n        files: attachedFiles,\n      });\n    }, [onClickSave, title, content, attachedFiles]);\n\n    if (props.clearEditor) {\n      props.clearEditor.current = clearEditorState;\n    }\n\n    const cssVariables = {\n      '--max-height': maxHeight,\n      '--min-height': minHeight,\n      '--height': height || '100%',\n    } as React.CSSProperties;\n\n    return (\n      <div\n        className=\"tipp-ql-wrapper\"\n        style={{\n          ...cssVariables,\n        }}\n      >\n        {/* 제목 입력창 */}\n        <Grid\n          align=\"center\"\n          columns=\"auto auto 1fr\"\n          gap=\"2\"\n          height=\"42px\"\n          pl=\"2\"\n          pr=\"3\"\n          width=\"100%\"\n        >\n          <Box pl=\"3\" pr=\"3\">\n            <Typo>제목</Typo>\n          </Box>\n          <Separator orientation=\"vertical\" style={{ height: '100%' }} />\n          <TextField.Root\n            className=\"editor-title-text-field\"\n            onChange={handleOnChangeTitle}\n            placeholder=\"제목을 입력해주세요\"\n            value={title}\n          />\n        </Grid>\n        <ReactQuill\n          className=\"tipp-ql-editor write-mode\"\n          onChange={handleOnChangeContent}\n          ref={editorRef}\n          theme=\"snow\"\n          value={content}\n          {...quillProps}\n        />\n        {renderAttachedFiles()}\n        <Separator size=\"4\" />\n        <Flex align=\"center\" justify=\"between\" p=\"2\" pl=\"4\" pr=\"4\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={handleButtonClick}\n            variant=\"transparent\"\n          >\n            <Link2Icon height={20} width={20} />\n          </Button>\n\n          <Flex gap=\"2\">\n            {clearEditor ? (\n              <Button color=\"gray\" onClick={clearEditorState} variant=\"outline\">\n                초기화\n              </Button>\n            ) : null}\n            {SecondaryButton ? SecondaryButton : null}\n            <Button disabled={isLoading} onClick={handleSaveClick}>\n              저장\n            </Button>\n          </Flex>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nEditor.displayName = 'TIPP-Quill-Editor';\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  TextField,\n  Typo,\n  Link2Icon,\n  toast,\n  FileIcon,\n} from '@tipp/ui';\nimport type { ReactQuillProps } from 'react-quill';\nimport ReactQuill from 'react-quill';\nimport type { Attachment } from './type';\n\nexport interface TippEditorProps extends ReactQuillProps {\n  defaultTitle?: string;\n  defaultValue?: string;\n  defaultAttachedFiles?: Attachment[];\n  /** 저장하기 버튼 클릭 시 실행 */\n  onClickSave?: (values: {\n    title: string;\n    content: string;\n    files: Attachment[];\n  }) => void;\n  /** 파일 업로드 버튼 클릭 시 실행 */\n  uploadFile?: (\n    file: File,\n    destination: string\n  ) => Promise<Attachment | undefined>;\n  deleteFile?: (fileUrl: string) => Promise<void>;\n  /** 외부에서 Editor를 빈 상태로 초기화 시켜야 할 때 사용 */\n  clearEditor?: React.MutableRefObject<(() => void) | undefined>;\n  /** 초기화 버튼말고 다른 버튼 추가시 */\n  SecondaryButton?: React.ReactNode;\n  /** true인 경우 저장하기 버튼이 비활성 화 됨. 연타 방지 */\n  isLoading?: boolean;\n  minHeight?: string;\n  maxHeight?: string;\n  height?: string;\n}\n\nexport const Editor = forwardRef<ReactQuill, TippEditorProps>(\n  (props, ref): React.ReactElement => {\n    const {\n      defaultAttachedFiles,\n      defaultTitle,\n      defaultValue,\n      onClickSave,\n      uploadFile,\n      deleteFile,\n      isLoading,\n      SecondaryButton,\n      clearEditor,\n      minHeight,\n      maxHeight,\n      height,\n      ...quillProps\n    } = props;\n    const defaultRef = useRef<ReactQuill>(null);\n    const editorRef = ref || defaultRef;\n    const [attachedFiles, setAttachedFiles] = useState<Attachment[]>(\n      defaultAttachedFiles || []\n    );\n    const [fileDeleteLoading, setFileDeleteLoading] = useState(new Set());\n\n    const [title, setTitle] = useState(defaultTitle || '');\n    const [content, setContent] = useState(defaultValue || '');\n\n    const handleOnChangeContent = useCallback((value: string) => {\n      setContent(value);\n    }, []);\n\n    const handleButtonClick = useCallback(() => {\n      let input: HTMLInputElement | null = document.createElement('input');\n      input.type = 'file';\n      input.onchange = async (event) => {\n        const file = (event.target as HTMLInputElement).files?.[0];\n        if (!file) {\n          // console.log('DEBUG: no file');\n          toast.error('파일을 선택해주세요.');\n          return;\n        }\n\n        const fileName = file.name;\n        const attachment = await uploadFile?.(file, `hr-notes/${fileName}`);\n        if (attachment) {\n          setAttachedFiles((prev) => [...prev, attachment]);\n        }\n        input = null;\n      };\n      input.click();\n    }, [uploadFile]);\n\n    const handleDeleteFile = useCallback(\n      async (fileUrl: string) => {\n        try {\n          setFileDeleteLoading((p) => p.add(fileUrl));\n          await deleteFile?.(fileUrl);\n          setAttachedFiles((currentFiles) =>\n            currentFiles.filter((item) => item.url !== fileUrl)\n          );\n        } catch (err) {\n          toast.error('파일 삭제에 실패했습니다.');\n        } finally {\n          setFileDeleteLoading((p) => {\n            p.delete(fileUrl);\n            return p;\n          });\n        }\n      },\n      [deleteFile]\n    );\n\n    const renderAttachedFiles = useCallback(() => {\n      return (\n        <Box width=\"100%\">\n          {attachedFiles.map((file) => {\n            return (\n              <>\n                <Separator size=\"4\" />\n                <Flex\n                  align=\"center\"\n                  justify=\"between\"\n                  key={`${file.url}_${file.fileName}`}\n                  p=\"4\"\n                  width=\"100%\"\n                >\n                  <Link href={file.url} size=\"2\">\n                    <Flex align=\"center\" gap=\"3\">\n                      <FileIcon />\n                      {file.fileName}\n                    </Flex>\n                  </Link>\n                  <Button\n                    loading={fileDeleteLoading.has(file.url)}\n                    onClick={() => {\n                      void handleDeleteFile(file.url);\n                    }}\n                    variant=\"ghost\"\n                  >\n                    첨부 파일 삭제\n                  </Button>\n                </Flex>\n              </>\n            );\n          })}\n        </Box>\n      );\n    }, [attachedFiles, fileDeleteLoading, handleDeleteFile]);\n\n    const handleOnChangeTitle = useCallback<\n      React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>\n    >((e) => {\n      setTitle(e.target.value);\n    }, []);\n\n    const clearEditorState = useCallback(() => {\n      setContent('');\n      setAttachedFiles([]);\n      setTitle('');\n    }, []);\n\n    const handleSaveClick = useCallback(() => {\n      onClickSave?.({\n        title,\n        content,\n        files: attachedFiles,\n      });\n    }, [onClickSave, title, content, attachedFiles]);\n\n    if (props.clearEditor) {\n      props.clearEditor.current = clearEditorState;\n    }\n\n    const cssVariables = {\n      '--max-height': maxHeight,\n      '--min-height': minHeight,\n      '--height': height || '100%',\n    } as React.CSSProperties;\n\n    return (\n      <div\n        className=\"tipp-ql-wrapper\"\n        style={{\n          ...cssVariables,\n        }}\n      >\n        {/* 제목 입력창 */}\n        <Grid\n          align=\"center\"\n          columns=\"auto auto 1fr\"\n          gap=\"2\"\n          height=\"42px\"\n          pl=\"2\"\n          pr=\"3\"\n          width=\"100%\"\n        >\n          <Box pl=\"3\" pr=\"3\">\n            <Typo>제목</Typo>\n          </Box>\n          <Separator orientation=\"vertical\" style={{ height: '100%' }} />\n          <TextField.Root\n            className=\"editor-title-text-field\"\n            onChange={handleOnChangeTitle}\n            placeholder=\"제목을 입력해주세요\"\n            value={title}\n          />\n        </Grid>\n        <ReactQuill\n          className=\"tipp-ql-editor write-mode\"\n          onChange={handleOnChangeContent}\n          ref={editorRef}\n          theme=\"snow\"\n          value={content}\n          {...quillProps}\n        />\n        {renderAttachedFiles()}\n        <Separator size=\"4\" />\n        <Flex align=\"center\" justify=\"between\" p=\"2\" pl=\"4\" pr=\"4\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={handleButtonClick}\n            variant=\"transparent\"\n          >\n            <Link2Icon height={20} width={20} />\n          </Button>\n\n          <Flex gap=\"2\">\n            {clearEditor ? (\n              <Button color=\"gray\" onClick={clearEditorState} variant=\"outline\">\n                초기화\n              </Button>\n            ) : null}\n            {SecondaryButton ? SecondaryButton : null}\n            <Button disabled={isLoading} onClick={handleSaveClick}>\n              저장\n            </Button>\n          </Flex>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nEditor.displayName = 'TIPP-Quill-Editor';\n"],"mappings":"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","names":["_a"]}

package/dist/html-container.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/html-container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\ninterface QuillHtmlOutputContainerProps {\n  html: string;\n  className?: string;\n}\n\nconst QuillHtmlOutputContainer = forwardRef<\n  HTMLDivElement,\n  QuillHtmlOutputContainerProps\n>(({ html, className }, ref): React.ReactNode => {\n  return (\n    <div className=\"ql-snow ql-container read-mode\">\n      <div\n        className={`ql-editor ${className || ''}`}\n        dangerouslySetInnerHTML={{ __html: html }}\n        ref={ref}\n      />\n    </div>\n  );\n});\n\nQuillHtmlOutputContainer.displayName = 'QuillHtmlOutputContainer';\n\nexport default QuillHtmlOutputContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAa5B;AANN,IAAM,+BAA2B,yBAG/B,CAAC,EAAE,MAAM,UAAU,GAAG,QAAyB;AAC/C,SACE,4CAAC,SAAI,WAAU,kCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa,aAAa,EAAE;AAAA,MACvC,yBAAyB,EAAE,QAAQ,KAAK;AAAA,MACxC;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,yBAAyB,cAAc;AAEvC,IAAO,yBAAQ;","names":[]}
+{"version":3,"sources":["../src/html-container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\ninterface QuillHtmlOutputContainerProps {\n  html: string;\n  className?: string;\n}\n\nconst QuillHtmlOutputContainer = forwardRef<\n  HTMLDivElement,\n  QuillHtmlOutputContainerProps\n>(({ html, className }, ref): React.ReactElement => {\n  return (\n    <div className=\"ql-snow ql-container read-mode\">\n      <div\n        className={`ql-editor ${className || ''}`}\n        dangerouslySetInnerHTML={{ __html: html }}\n        ref={ref}\n      />\n    </div>\n  );\n});\n\nQuillHtmlOutputContainer.displayName = 'QuillHtmlOutputContainer';\n\nexport default QuillHtmlOutputContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAa5B;AANN,IAAM,+BAA2B,yBAG/B,CAAC,EAAE,MAAM,UAAU,GAAG,QAA4B;AAClD,SACE,4CAAC,SAAI,WAAU,kCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa,aAAa,EAAE;AAAA,MACvC,yBAAyB,EAAE,QAAQ,KAAK;AAAA,MACxC;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,yBAAyB,cAAc;AAEvC,IAAO,yBAAQ;","names":[]}

package/dist/html-container.js

@@ -1,6 +1,6 @@
 import {
   html_container_default
-} from "./chunk-6W7GMBAM.js";
+} from "./chunk-B2YNOJG7.js";
 import "./chunk-AYPEDHDL.js";
 export {
   html_container_default as default

package/dist/read-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/read-card.tsx","../src/html-container.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport Dompurify from 'dompurify';\nimport {\n  AlertDialog,\n  Badge,\n  Button,\n  Card,\n  ChevronDownIcon,\n  ChevronUpIcon,\n  DotsVerticalIcon,\n  Flex,\n  Heading,\n  IconButton,\n  Link,\n  Typo,\n  Separator,\n  DropdownMenu,\n  Pencil1Icon,\n  TrashIcon,\n  Grid,\n  DownloadIcon,\n} from '@tipp/ui';\nimport QuillHtmlOutputContainer from './html-container';\nimport type { Attachment } from './type';\n\ninterface ReadCardProps {\n  onClickDelete?: () => void;\n  onClickEdit?: () => void;\n  content?: string;\n  title?: string;\n  writer?: string;\n  createAt?: Date;\n  files?: Attachment[];\n}\n\nexport function ReadCard(props: ReadCardProps): React.ReactElement {\n  const {\n    onClickDelete: propsOnClickDelete,\n    onClickEdit: propsOnClickEdit,\n    content = '',\n    title = '',\n    writer,\n    createAt,\n    files,\n  } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n\n  const safeContent = useMemo(() => {\n    return Dompurify.sanitize(content || '');\n  }, [content]);\n\n  interface OptionItem {\n    title: string;\n    icon: React.ReactNode;\n    onClick: () => void;\n  }\n  const optionItems = useMemo<OptionItem[]>(() => {\n    const result: OptionItem[] = [];\n    if (propsOnClickEdit) {\n      result.push({\n        title: '수정하기',\n        icon: <Pencil1Icon />,\n        onClick: propsOnClickEdit,\n      });\n    }\n\n    if (propsOnClickDelete) {\n      result.push({\n        title: '삭제하기',\n        onClick: () => {\n          setDeleteDialogOpen(true);\n        },\n        icon: <TrashIcon />,\n      });\n    }\n\n    return result;\n  }, [propsOnClickDelete, propsOnClickEdit]);\n\n  const [className, setClassName] = useState<undefined | 'closed'>('closed');\n  const [openBtnVisible, setOpenBtnVisible] = useState(false);\n\n  useEffect(() => {\n    if (!ref.current) return;\n    setOpenBtnVisible(ref.current.clientHeight < ref.current.scrollHeight);\n    ref.current.style.height = `${ref.current.clientHeight}px`;\n  }, [ref, content]);\n\n  const renderOpenBtns = (): React.ReactNode => {\n    if (openBtnVisible) {\n      if (className) {\n        return (\n          <Button\n            color=\"gray\"\n            onClick={() => {\n              setClassName(undefined);\n              if (ref.current) {\n                ref.current.style.height = 'initial';\n              }\n            }}\n            size=\"small\"\n            variant=\"outline\"\n          >\n            펼치기\n            <ChevronDownIcon />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          color=\"gray\"\n          onClick={() => {\n            setClassName('closed');\n          }}\n          size=\"small\"\n          variant=\"outline\"\n        >\n          접기\n          <ChevronUpIcon />\n        </Button>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Card size=\"2\">\n      <Grid columns=\"1fr auto\" width=\"100%\">\n        <Grid\n          align=\"center\"\n          columns={{ initial: '1', sm: 'auto 1fr' }}\n          gap=\"2\"\n          width=\"100%\"\n        >\n          <Heading variant=\"heading5\" weight=\"regular\">\n            {title}\n          </Heading>\n\n          <Flex\n            align=\"center\"\n            gap=\"4\"\n            justify={{ initial: 'start', sm: 'between' }}\n            width=\"100%\"\n          >\n            {writer ? (\n              <Badge color=\"neutral\" size=\"small\">{`작성자 : ${writer}`}</Badge>\n            ) : null}\n            {createAt ? (\n              <Typo\n                style={{ whiteSpace: 'nowrap' }}\n              >{`등록 ${createAt.getFullYear()}.${createAt.getMonth() + 1}.${createAt.getDate()} `}</Typo>\n            ) : null}\n          </Flex>\n\n          <AlertDialog.Root\n            onOpenChange={setDeleteDialogOpen}\n            open={deleteDialogOpen}\n          >\n            <AlertDialog.Content>\n              <AlertDialog.Title>노트를 삭제하시겠습니까?</AlertDialog.Title>\n              <AlertDialog.Description>\n                삭제된 노트는 복구할 수 없습니다. 삭제하시겠습니까?\n              </AlertDialog.Description>\n              <Flex gap=\"3\" justify=\"end\">\n                <AlertDialog.Cancel>\n                  <Button color=\"gray\" variant=\"outline\">\n                    취소\n                  </Button>\n                </AlertDialog.Cancel>\n                <AlertDialog.Action>\n                  <Button color=\"tomato\" onClick={propsOnClickDelete}>\n                    삭제\n                  </Button>\n                </AlertDialog.Action>\n              </Flex>\n            </AlertDialog.Content>\n          </AlertDialog.Root>\n        </Grid>\n\n        {/*  ... 옵션 버튼 */}\n        {optionItems.length ? (\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger>\n              <IconButton ml=\"2\" mt=\"1\" variant=\"ghost\">\n                <DotsVerticalIcon />\n              </IconButton>\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content>\n              {optionItems.map((item) => {\n                return (\n                  <DropdownMenu.Item key={item.title} onClick={item.onClick}>\n                    {item.icon}\n                    {item.title}\n                  </DropdownMenu.Item>\n                );\n              })}\n            </DropdownMenu.Content>\n          </DropdownMenu.Root>\n        ) : null}\n      </Grid>\n\n      {Boolean(files?.length) && (\n        <Flex direction=\"column\" gap=\"2\" mt=\"2\" width=\"100%\">\n          {files?.map((file) => {\n            return (\n              <Link\n                download={file.fileName}\n                href={file.url}\n                key={file.createdAt?.valueOf() + file.fileName}\n                target=\"_blank\"\n              >\n                <IconButton style={{ width: '100%' }} variant=\"surface\">\n                  <Flex align=\"center\" gap=\"2\" pl=\"2\" width=\"100%\">\n                    <DownloadIcon />\n                    <Typo>{file.fileName}</Typo>\n                  </Flex>\n                </IconButton>\n              </Link>\n            );\n          })}\n        </Flex>\n      )}\n\n      {content ? (\n        <>\n          <Separator mb=\"4\" mt=\"4\" style={{ width: '100%' }} />\n\n          <Flex align=\"center\" direction=\"column\" gap=\"3\">\n            <QuillHtmlOutputContainer\n              className={className}\n              html={safeContent}\n              ref={ref}\n            />\n            {renderOpenBtns()}\n          </Flex>\n        </>\n      ) : null}\n    </Card>\n  );\n}\n","import React, { forwardRef } from 'react';\n\ninterface QuillHtmlOutputContainerProps {\n  html: string;\n  className?: string;\n}\n\nconst QuillHtmlOutputContainer = forwardRef<\n  HTMLDivElement,\n  QuillHtmlOutputContainerProps\n>(({ html, className }, ref): React.ReactNode => {\n  return (\n    <div className=\"ql-snow ql-container read-mode\">\n      <div\n        className={`ql-editor ${className || ''}`}\n        dangerouslySetInnerHTML={{ __html: html }}\n        ref={ref}\n      />\n    </div>\n  );\n});\n\nQuillHtmlOutputContainer.displayName = 'QuillHtmlOutputContainer';\n\nexport default QuillHtmlOutputContainer;\n"],"mappings":"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","names":["import_react","import_jsx_runtime","Dompurify"]}
+{"version":3,"sources":["../src/read-card.tsx","../src/html-container.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport Dompurify from 'dompurify';\nimport {\n  AlertDialog,\n  Badge,\n  Button,\n  Card,\n  ChevronDownIcon,\n  ChevronUpIcon,\n  DotsVerticalIcon,\n  Flex,\n  Heading,\n  IconButton,\n  Link,\n  Typo,\n  Separator,\n  DropdownMenu,\n  Pencil1Icon,\n  TrashIcon,\n  Grid,\n  DownloadIcon,\n} from '@tipp/ui';\nimport QuillHtmlOutputContainer from './html-container';\nimport type { Attachment } from './type';\n\ninterface ReadCardProps {\n  onClickDelete?: () => void;\n  onClickEdit?: () => void;\n  content?: string;\n  title?: string;\n  writer?: string;\n  createAt?: Date;\n  files?: Attachment[];\n}\n\nexport function ReadCard(props: ReadCardProps): React.ReactElement {\n  const {\n    onClickDelete: propsOnClickDelete,\n    onClickEdit: propsOnClickEdit,\n    content = '',\n    title = '',\n    writer,\n    createAt,\n    files,\n  } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n\n  const safeContent = useMemo(() => {\n    return Dompurify.sanitize(content || '');\n  }, [content]);\n\n  interface OptionItem {\n    title: string;\n    icon: React.ReactNode;\n    onClick: () => void;\n  }\n  const optionItems = useMemo<OptionItem[]>(() => {\n    const result: OptionItem[] = [];\n    if (propsOnClickEdit) {\n      result.push({\n        title: '수정하기',\n        icon: <Pencil1Icon />,\n        onClick: propsOnClickEdit,\n      });\n    }\n\n    if (propsOnClickDelete) {\n      result.push({\n        title: '삭제하기',\n        onClick: () => {\n          setDeleteDialogOpen(true);\n        },\n        icon: <TrashIcon />,\n      });\n    }\n\n    return result;\n  }, [propsOnClickDelete, propsOnClickEdit]);\n\n  const [className, setClassName] = useState<undefined | 'closed'>('closed');\n  const [openBtnVisible, setOpenBtnVisible] = useState(false);\n\n  useEffect(() => {\n    if (!ref.current) return;\n    setOpenBtnVisible(ref.current.clientHeight < ref.current.scrollHeight);\n    ref.current.style.height = `${ref.current.clientHeight}px`;\n  }, [ref, content]);\n\n  const renderOpenBtns = (): React.ReactNode => {\n    if (openBtnVisible) {\n      if (className) {\n        return (\n          <Button\n            color=\"gray\"\n            onClick={() => {\n              setClassName(undefined);\n              if (ref.current) {\n                ref.current.style.height = 'initial';\n              }\n            }}\n            size=\"small\"\n            variant=\"outline\"\n          >\n            펼치기\n            <ChevronDownIcon />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          color=\"gray\"\n          onClick={() => {\n            setClassName('closed');\n          }}\n          size=\"small\"\n          variant=\"outline\"\n        >\n          접기\n          <ChevronUpIcon />\n        </Button>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Card size=\"2\">\n      <Grid columns=\"1fr auto\" width=\"100%\">\n        <Grid\n          align=\"center\"\n          columns={{ initial: '1', sm: 'auto 1fr' }}\n          gap=\"2\"\n          width=\"100%\"\n        >\n          <Heading variant=\"heading5\" weight=\"regular\">\n            {title}\n          </Heading>\n\n          <Flex\n            align=\"center\"\n            gap=\"4\"\n            justify={{ initial: 'start', sm: 'between' }}\n            width=\"100%\"\n          >\n            {writer ? (\n              <Badge color=\"neutral\" size=\"small\">{`작성자 : ${writer}`}</Badge>\n            ) : null}\n            {createAt ? (\n              <Typo\n                style={{ whiteSpace: 'nowrap' }}\n              >{`등록 ${createAt.getFullYear()}.${createAt.getMonth() + 1}.${createAt.getDate()} `}</Typo>\n            ) : null}\n          </Flex>\n\n          <AlertDialog.Root\n            onOpenChange={setDeleteDialogOpen}\n            open={deleteDialogOpen}\n          >\n            <AlertDialog.Content>\n              <AlertDialog.Title>노트를 삭제하시겠습니까?</AlertDialog.Title>\n              <AlertDialog.Description>\n                삭제된 노트는 복구할 수 없습니다. 삭제하시겠습니까?\n              </AlertDialog.Description>\n              <Flex gap=\"3\" justify=\"end\">\n                <AlertDialog.Cancel>\n                  <Button color=\"gray\" variant=\"outline\">\n                    취소\n                  </Button>\n                </AlertDialog.Cancel>\n                <AlertDialog.Action>\n                  <Button color=\"tomato\" onClick={propsOnClickDelete}>\n                    삭제\n                  </Button>\n                </AlertDialog.Action>\n              </Flex>\n            </AlertDialog.Content>\n          </AlertDialog.Root>\n        </Grid>\n\n        {/*  ... 옵션 버튼 */}\n        {optionItems.length ? (\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger>\n              <IconButton ml=\"2\" mt=\"1\" variant=\"ghost\">\n                <DotsVerticalIcon />\n              </IconButton>\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content>\n              {optionItems.map((item) => {\n                return (\n                  <DropdownMenu.Item key={item.title} onClick={item.onClick}>\n                    {item.icon}\n                    {item.title}\n                  </DropdownMenu.Item>\n                );\n              })}\n            </DropdownMenu.Content>\n          </DropdownMenu.Root>\n        ) : null}\n      </Grid>\n\n      {Boolean(files?.length) && (\n        <Flex direction=\"column\" gap=\"2\" mt=\"2\" width=\"100%\">\n          {files?.map((file) => {\n            return (\n              <Link\n                download={file.fileName}\n                href={file.url}\n                key={file.createdAt?.valueOf() + file.fileName}\n                target=\"_blank\"\n              >\n                <IconButton style={{ width: '100%' }} variant=\"surface\">\n                  <Flex align=\"center\" gap=\"2\" pl=\"2\" width=\"100%\">\n                    <DownloadIcon />\n                    <Typo>{file.fileName}</Typo>\n                  </Flex>\n                </IconButton>\n              </Link>\n            );\n          })}\n        </Flex>\n      )}\n\n      {content ? (\n        <>\n          <Separator mb=\"4\" mt=\"4\" style={{ width: '100%' }} />\n\n          <Flex align=\"center\" direction=\"column\" gap=\"3\">\n            <QuillHtmlOutputContainer\n              className={className}\n              html={safeContent}\n              ref={ref}\n            />\n            {renderOpenBtns()}\n          </Flex>\n        </>\n      ) : null}\n    </Card>\n  );\n}\n","import React, { forwardRef } from 'react';\n\ninterface QuillHtmlOutputContainerProps {\n  html: string;\n  className?: string;\n}\n\nconst QuillHtmlOutputContainer = forwardRef<\n  HTMLDivElement,\n  QuillHtmlOutputContainerProps\n>(({ html, className }, ref): React.ReactElement => {\n  return (\n    <div className=\"ql-snow ql-container read-mode\">\n      <div\n        className={`ql-editor ${className || ''}`}\n        dangerouslySetInnerHTML={{ __html: html }}\n        ref={ref}\n      />\n    </div>\n  );\n});\n\nQuillHtmlOutputContainer.displayName = 'QuillHtmlOutputContainer';\n\nexport default QuillHtmlOutputContainer;\n"],"mappings":"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","names":["import_react","import_jsx_runtime","Dompurify"]}

package/dist/read-card.js

@@ -1,6 +1,6 @@
 import {
   html_container_default
-} from "./chunk-6W7GMBAM.js";
+} from "./chunk-B2YNOJG7.js";
 import "./chunk-AYPEDHDL.js";
 
 // src/read-card.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui-quill-editor",
-  "version": "1.4.43",
+  "version": "1.4.45",
   "private": false,
   "description": "tipp 디자인 시스템이 적용된  quillEditor 패키지, quillEditor의 사이즈가 커서 별도 패키지로 분리했습니다.",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-quill": "^2.0.0",
-    "@tipp/ui": "1.6.30"
+    "@tipp/ui": "1.6.32"
   },
   "devDependencies": {
     "@types/dompurify": "^3.0.5",

package/src/editor.tsx

@@ -44,7 +44,7 @@ export interface TippEditorProps extends ReactQuillProps {
 }
 
 export const Editor = forwardRef<ReactQuill, TippEditorProps>(
-  (props, ref): React.ReactNode => {
+  (props, ref): React.ReactElement => {
     const {
       defaultAttachedFiles,
       defaultTitle,

package/src/html-container.tsx

@@ -8,7 +8,7 @@ interface QuillHtmlOutputContainerProps {
 const QuillHtmlOutputContainer = forwardRef<
   HTMLDivElement,
   QuillHtmlOutputContainerProps
->(({ html, className }, ref): React.ReactNode => {
+>(({ html, className }, ref): React.ReactElement => {
   return (
     <div className="ql-snow ql-container read-mode">
       <div