@tipp/ui-quill-editor 1.1.2 → 1.2.0

package/dist/chunk-RVTX55MD.js

@@ -1,215 +0,0 @@
-import {
-  html_container_default
-} from "./chunk-6W7GMBAM.js";
-import {
-  __async
-} from "./chunk-AYPEDHDL.js";
-
-// src/read-card.tsx
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import Dompurify from "dompurify";
-import {
-  AlertDialog,
-  Badge,
-  FileIcon,
-  Button,
-  Card,
-  ChevronDownIcon,
-  ChevronUpIcon,
-  DotsVerticalIcon,
-  Flex,
-  Heading,
-  IconButton,
-  Link,
-  toast,
-  Typo,
-  Separator,
-  DropdownMenu,
-  Pencil1Icon,
-  TrashIcon
-} from "@tipp/ui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ReadCard(props) {
-  const {
-    onClickDelete: propsOnClickDelete,
-    onClickEdit: propsOnClickEdit,
-    content = "",
-    title = "",
-    writer,
-    createAt,
-    files
-  } = props;
-  const ref = useRef(null);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
-  const onClickDelete = useCallback(() => __async(this, null, function* () {
-    try {
-      yield propsOnClickDelete == null ? void 0 : propsOnClickDelete();
-      toast.success("\uB178\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
-    } catch (err) {
-      toast.error("\uB178\uD2B8 \uC0AD\uC81C\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.");
-    }
-  }), [propsOnClickDelete]);
-  const safeContent = useMemo(() => {
-    return Dompurify.sanitize(content || "");
-  }, [content]);
-  const optionItems = useMemo(() => {
-    const result = [];
-    if (propsOnClickEdit) {
-      result.push({
-        title: "\uC218\uC815\uD558\uAE30",
-        icon: /* @__PURE__ */ jsx(Pencil1Icon, {}),
-        onClick: () => {
-          void propsOnClickEdit();
-        }
-      });
-    }
-    if (propsOnClickDelete) {
-      result.push({
-        title: "\uC0AD\uC81C\uD558\uAE30",
-        onClick: () => {
-          setDeleteDialogOpen(true);
-        },
-        icon: /* @__PURE__ */ jsx(TrashIcon, {})
-      });
-    }
-    return result;
-  }, [propsOnClickDelete, propsOnClickEdit]);
-  const [className, setClassName] = useState("closed");
-  const [openBtnVisible, setOpenBtnVisible] = useState(false);
-  useEffect(() => {
-    if (!ref.current)
-      return;
-    setOpenBtnVisible(ref.current.clientHeight < ref.current.scrollHeight);
-    ref.current.style.height = `${ref.current.clientHeight}px`;
-  }, [ref, content]);
-  const renderOpenBtns = () => {
-    if (openBtnVisible) {
-      if (className) {
-        return /* @__PURE__ */ jsxs(
-          Button,
-          {
-            color: "gray",
-            onClick: () => {
-              setClassName(void 0);
-              if (ref.current) {
-                ref.current.style.height = "initial";
-              }
-            },
-            variant: "outline",
-            children: [
-              "\uBA54\uBAA8 \uD3BC\uCE58\uAE30",
-              /* @__PURE__ */ jsx(ChevronDownIcon, {})
-            ]
-          }
-        );
-      }
-      return /* @__PURE__ */ jsxs(
-        Button,
-        {
-          color: "gray",
-          onClick: () => {
-            setClassName("closed");
-          },
-          variant: "outline",
-          children: [
-            "\uBA54\uBAA8 \uC811\uAE30",
-            /* @__PURE__ */ jsx(ChevronUpIcon, {})
-          ]
-        }
-      );
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsxs(Card, { size: "2", children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "4", children: [
-        /* @__PURE__ */ jsx(Heading, { variant: "heading5", weight: "regular", children: title }),
-        writer ? /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "small", children: `\uC791\uC131\uC790 : ${writer}` }) : null
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "4", children: [
-        createAt ? /* @__PURE__ */ jsx(Typo, { children: `\uB4F1\uB85D\uC77C\uC790: ${createAt.toLocaleDateString()} ` }) : null,
-        /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-          /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", children: /* @__PURE__ */ jsx(DotsVerticalIcon, {}) }) }),
-          /* @__PURE__ */ jsx(DropdownMenu.Content, { children: optionItems.map((item) => {
-            return /* @__PURE__ */ jsxs(DropdownMenu.Item, { onClick: item.onClick, children: [
-              item.icon,
-              item.title
-            ] }, item.title);
-          }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        AlertDialog.Root,
-        {
-          onOpenChange: setDeleteDialogOpen,
-          open: deleteDialogOpen,
-          children: /* @__PURE__ */ jsxs(AlertDialog.Content, { children: [
-            /* @__PURE__ */ jsx(AlertDialog.Title, { children: "\uB178\uD2B8\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ jsx(AlertDialog.Description, { children: "\uC0AD\uC81C\uB41C \uB178\uD2B8\uB294 \uBCF5\uAD6C\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-              /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uCDE8\uC18C" }) }),
-              /* @__PURE__ */ jsx(AlertDialog.Action, { children: /* @__PURE__ */ jsx(Button, { color: "tomato", onClick: () => void onClickDelete(), children: "\uC0AD\uC81C" }) })
-            ] })
-          ] })
-        }
-      )
-    ] }),
-    Boolean(files == null ? void 0 : files.length) && /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", children: files == null ? void 0 : files.map((file) => {
-      var _a;
-      return /* @__PURE__ */ jsx(
-        Link,
-        {
-          download: file.fileName,
-          href: file.url,
-          children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              mt: "3",
-              size: "4",
-              style: { width: 400, height: 56 },
-              variant: "soft",
-              children: /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", width: "100%", children: [
-                /* @__PURE__ */ jsx(Typo, { color: "gray", children: /* @__PURE__ */ jsx(FileIcon, { height: 20, width: 20 }) }),
-                /* @__PURE__ */ jsx(
-                  Typo,
-                  {
-                    as: "p",
-                    color: "gray",
-                    style: { width: "100%", textAlign: "left" },
-                    children: file.fileName
-                  }
-                )
-              ] })
-            }
-          )
-        },
-        ((_a = file.createdAt) == null ? void 0 : _a.valueOf()) + file.fileName
-      );
-    }) }),
-    content ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Separator, { mb: "4", mt: "4", style: { width: "100%" } }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", direction: "column", gap: "3", children: [
-        /* @__PURE__ */ jsx(
-          html_container_default,
-          {
-            className,
-            html: safeContent,
-            ref
-          }
-        ),
-        renderOpenBtns()
-      ] })
-    ] }) : null
-  ] });
-}
-
-export {
-  ReadCard
-};
-//# sourceMappingURL=chunk-RVTX55MD.js.map

package/dist/chunk-RVTX55MD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/read-card.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Dompurify from 'dompurify';\nimport {\n  AlertDialog,\n  Badge,\n  FileIcon,\n  Button,\n  Card,\n  ChevronDownIcon,\n  ChevronUpIcon,\n  DotsVerticalIcon,\n  Flex,\n  Heading,\n  IconButton,\n  Link,\n  toast,\n  Typo,\n  Separator,\n  DropdownMenu,\n  Pencil1Icon,\n  TrashIcon,\n} from '@tipp/ui';\nimport QuillHtmlOutputContainer from './html-container';\nimport type { Attachment } from './editor';\n\ninterface ReadCardProps {\n  onClickDelete?: () => Promise<void>;\n  onClickEdit?: () => Promise<void>;\n  content?: string;\n  title?: string;\n  writer?: string;\n  createAt?: Date;\n  files?: Attachment[];\n}\n\nexport function ReadCard(props: ReadCardProps): React.ReactNode {\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 onClickDelete = useCallback(async () => {\n    try {\n      await propsOnClickDelete?.();\n      toast.success('노트가 삭제되었습니다.');\n    } catch (err) {\n      toast.error('노트 삭제에 실패했습니다.');\n    }\n  }, [propsOnClickDelete]);\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: () => {\n          void propsOnClickEdit();\n        },\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            variant=\"outline\"\n          >\n            메모 펼치기\n            <ChevronDownIcon />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          color=\"gray\"\n          onClick={() => {\n            setClassName('closed');\n          }}\n          variant=\"outline\"\n        >\n          메모 접기\n          <ChevronUpIcon />\n        </Button>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Card size=\"2\">\n      <Flex align=\"center\" gap=\"2\" justify=\"between\">\n        <Flex align=\"center\" gap=\"4\">\n          <Heading variant=\"heading5\" weight=\"regular\">\n            {title}\n          </Heading>\n          {writer ? (\n            <Badge color=\"neutral\" size=\"small\">{`작성자 : ${writer}`}</Badge>\n          ) : null}\n        </Flex>\n\n        <Flex align=\"center\" gap=\"4\">\n          {createAt ? (\n            <Typo>{`등록일자: ${createAt.toLocaleDateString()} `}</Typo>\n          ) : null}\n\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger>\n              <IconButton 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        </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={() => void onClickDelete()}>\n                  삭제\n                </Button>\n              </AlertDialog.Action>\n            </Flex>\n          </AlertDialog.Content>\n        </AlertDialog.Root>\n      </Flex>\n\n      {Boolean(files?.length) && (\n        <Flex direction=\"column\" gap=\"1\">\n          {files?.map((file) => {\n            return (\n              <Link\n                download={file.fileName}\n                href={file.url}\n                key={file.createdAt?.valueOf() + file.fileName}\n              >\n                <IconButton\n                  mt=\"3\"\n                  size=\"4\"\n                  style={{ width: 400, height: 56 }}\n                  variant=\"soft\"\n                >\n                  <Flex gap=\"3\" pl=\"4\" width=\"100%\">\n                    <Typo color=\"gray\">\n                      <FileIcon height={20} width={20} />\n                    </Typo>\n                    <Typo\n                      as=\"p\"\n                      color=\"gray\"\n                      style={{ width: '100%', textAlign: 'left' }}\n                    >\n                      {file.fileName}\n                    </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"],"mappings":"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","names":[]}

package/dist/chunk-UE5CSHOY.js

@@ -1,211 +0,0 @@
-import {
-  html_container_default
-} from "./chunk-6W7GMBAM.js";
-import {
-  __async
-} from "./chunk-AYPEDHDL.js";
-
-// src/read-card.tsx
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import Dompurify from "dompurify";
-import {
-  AlertDialog,
-  Badge,
-  FileIcon,
-  Button,
-  Card,
-  ChevronDownIcon,
-  ChevronUpIcon,
-  DotsVerticalIcon,
-  Flex,
-  Heading,
-  IconButton,
-  Link,
-  toast,
-  Typo,
-  Separator,
-  DropdownMenu,
-  Pencil1Icon,
-  TrashIcon
-} from "@tipp/ui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ReadCard(props) {
-  const {
-    onClickDelete: propsOnClickDelete,
-    onClickEdit: propsOnClickEdit,
-    content = "",
-    title = "",
-    writer,
-    createAt,
-    files
-  } = props;
-  const ref = useRef(null);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
-  const onClickDelete = useCallback(() => __async(this, null, function* () {
-    try {
-      yield propsOnClickDelete == null ? void 0 : propsOnClickDelete();
-      toast.success("\uB178\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
-    } catch (err) {
-      toast.error("\uB178\uD2B8 \uC0AD\uC81C\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.");
-    }
-  }), [propsOnClickDelete]);
-  const safeContent = useMemo(() => {
-    return Dompurify.sanitize(content || "");
-  }, [content]);
-  const optionItems = useMemo(() => {
-    return [
-      {
-        title: "\uC218\uC815\uD558\uAE30",
-        icon: /* @__PURE__ */ jsx(Pencil1Icon, {}),
-        onClick: () => {
-          void (propsOnClickEdit == null ? void 0 : propsOnClickEdit());
-        }
-      },
-      {
-        title: "\uC0AD\uC81C\uD558\uAE30",
-        onClick: () => {
-          setDeleteDialogOpen(true);
-        },
-        icon: /* @__PURE__ */ jsx(TrashIcon, {})
-      }
-    ];
-  }, [propsOnClickEdit]);
-  const [className, setClassName] = useState("closed");
-  const [openBtnVisible, setOpenBtnVisible] = useState(false);
-  useEffect(() => {
-    if (!ref.current)
-      return;
-    setOpenBtnVisible(ref.current.clientHeight < ref.current.scrollHeight);
-    ref.current.style.height = `${ref.current.clientHeight}px`;
-  }, [ref, content]);
-  const renderOpenBtns = () => {
-    if (openBtnVisible) {
-      if (className) {
-        return /* @__PURE__ */ jsxs(
-          Button,
-          {
-            color: "gray",
-            onClick: () => {
-              setClassName(void 0);
-              if (ref.current) {
-                ref.current.style.height = "initial";
-              }
-            },
-            variant: "outline",
-            children: [
-              "\uBA54\uBAA8 \uD3BC\uCE58\uAE30",
-              /* @__PURE__ */ jsx(ChevronDownIcon, {})
-            ]
-          }
-        );
-      }
-      return /* @__PURE__ */ jsxs(
-        Button,
-        {
-          color: "gray",
-          onClick: () => {
-            setClassName("closed");
-          },
-          variant: "outline",
-          children: [
-            "\uBA54\uBAA8 \uC811\uAE30",
-            /* @__PURE__ */ jsx(ChevronUpIcon, {})
-          ]
-        }
-      );
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsxs(Card, { size: "2", children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "4", children: [
-        /* @__PURE__ */ jsx(Heading, { variant: "heading5", weight: "regular", children: title }),
-        writer ? /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "small", children: `\uC791\uC131\uC790 : ${writer}` }) : null
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "4", children: [
-        /* @__PURE__ */ jsx(Typo, { children: `\uB4F1\uB85D\uC77C\uC790: ${createAt == null ? void 0 : createAt.toLocaleDateString()} ` }),
-        /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-          /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", children: /* @__PURE__ */ jsx(DotsVerticalIcon, {}) }) }),
-          /* @__PURE__ */ jsx(DropdownMenu.Content, { children: optionItems.map((item) => {
-            return /* @__PURE__ */ jsxs(DropdownMenu.Item, { onClick: item.onClick, children: [
-              item.icon,
-              item.title
-            ] }, item.title);
-          }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        AlertDialog.Root,
-        {
-          onOpenChange: setDeleteDialogOpen,
-          open: deleteDialogOpen,
-          children: /* @__PURE__ */ jsxs(AlertDialog.Content, { children: [
-            /* @__PURE__ */ jsx(AlertDialog.Title, { children: "\uB178\uD2B8\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ jsx(AlertDialog.Description, { children: "\uC0AD\uC81C\uB41C \uB178\uD2B8\uB294 \uBCF5\uAD6C\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-              /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uCDE8\uC18C" }) }),
-              /* @__PURE__ */ jsx(AlertDialog.Action, { children: /* @__PURE__ */ jsx(Button, { color: "tomato", onClick: () => void onClickDelete(), children: "\uC0AD\uC81C" }) })
-            ] })
-          ] })
-        }
-      )
-    ] }),
-    Boolean(files == null ? void 0 : files.length) && /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", children: files == null ? void 0 : files.map((file) => {
-      var _a;
-      return /* @__PURE__ */ jsx(
-        Link,
-        {
-          download: file.fileName,
-          href: file.url,
-          children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              mt: "3",
-              size: "4",
-              style: { width: 400, height: 56 },
-              variant: "soft",
-              children: /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", width: "100%", children: [
-                /* @__PURE__ */ jsx(Typo, { color: "gray", children: /* @__PURE__ */ jsx(FileIcon, { height: 20, width: 20 }) }),
-                /* @__PURE__ */ jsx(
-                  Typo,
-                  {
-                    as: "p",
-                    color: "gray",
-                    style: { width: "100%", textAlign: "left" },
-                    children: file.fileName
-                  }
-                )
-              ] })
-            }
-          )
-        },
-        ((_a = file.createdAt) == null ? void 0 : _a.valueOf()) + file.fileName
-      );
-    }) }),
-    content ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Separator, { mb: "4", mt: "4", style: { width: "100%" } }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", direction: "column", gap: "3", children: [
-        /* @__PURE__ */ jsx(
-          html_container_default,
-          {
-            className,
-            html: safeContent,
-            ref
-          }
-        ),
-        renderOpenBtns()
-      ] })
-    ] }) : null
-  ] });
-}
-
-export {
-  ReadCard
-};
-//# sourceMappingURL=chunk-UE5CSHOY.js.map

package/dist/chunk-UE5CSHOY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/read-card.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Dompurify from 'dompurify';\nimport {\n  AlertDialog,\n  Badge,\n  FileIcon,\n  Button,\n  Card,\n  ChevronDownIcon,\n  ChevronUpIcon,\n  DotsVerticalIcon,\n  Flex,\n  Heading,\n  IconButton,\n  Link,\n  toast,\n  Typo,\n  Separator,\n  DropdownMenu,\n  Pencil1Icon,\n  TrashIcon,\n} from '@tipp/ui';\nimport QuillHtmlOutputContainer from './html-container';\nimport type { Attachment } from './editor';\n\ninterface ReadCardProps {\n  onClickDelete?: () => Promise<void>;\n  onClickEdit?: () => Promise<void>;\n  content?: string;\n  title?: string;\n  writer?: string;\n  createAt?: Date;\n  files?: Attachment[];\n}\n\nexport function ReadCard(props: ReadCardProps): React.ReactNode {\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 onClickDelete = useCallback(async () => {\n    try {\n      await propsOnClickDelete?.();\n      toast.success('노트가 삭제되었습니다.');\n    } catch (err) {\n      toast.error('노트 삭제에 실패했습니다.');\n    }\n  }, [propsOnClickDelete]);\n\n  const safeContent = useMemo(() => {\n    return Dompurify.sanitize(content || '');\n  }, [content]);\n\n  const optionItems = useMemo<\n    {\n      title: string;\n      icon: React.ReactNode;\n      onClick: () => void;\n    }[]\n  >(() => {\n    return [\n      {\n        title: '수정하기',\n        icon: <Pencil1Icon />,\n        onClick: () => {\n          void propsOnClickEdit?.();\n        },\n      },\n      {\n        title: '삭제하기',\n        onClick: () => {\n          setDeleteDialogOpen(true);\n        },\n        icon: <TrashIcon />,\n      },\n    ];\n  }, [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            variant=\"outline\"\n          >\n            메모 펼치기\n            <ChevronDownIcon />\n          </Button>\n        );\n      }\n      return (\n        <Button\n          color=\"gray\"\n          onClick={() => {\n            setClassName('closed');\n          }}\n          variant=\"outline\"\n        >\n          메모 접기\n          <ChevronUpIcon />\n        </Button>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Card size=\"2\">\n      <Flex align=\"center\" gap=\"2\" justify=\"between\">\n        <Flex align=\"center\" gap=\"4\">\n          <Heading variant=\"heading5\" weight=\"regular\">\n            {title}\n          </Heading>\n          {writer ? (\n            <Badge color=\"neutral\" size=\"small\">{`작성자 : ${writer}`}</Badge>\n          ) : null}\n        </Flex>\n\n        <Flex align=\"center\" gap=\"4\">\n          <Typo>{`등록일자: ${createAt?.toLocaleDateString()} `}</Typo>\n\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger>\n              <IconButton 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        </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={() => void onClickDelete()}>\n                  삭제\n                </Button>\n              </AlertDialog.Action>\n            </Flex>\n          </AlertDialog.Content>\n        </AlertDialog.Root>\n      </Flex>\n\n      {Boolean(files?.length) && (\n        <Flex direction=\"column\" gap=\"1\">\n          {files?.map((file) => {\n            return (\n              <Link\n                download={file.fileName}\n                href={file.url}\n                key={file.createdAt?.valueOf() + file.fileName}\n              >\n                <IconButton\n                  mt=\"3\"\n                  size=\"4\"\n                  style={{ width: 400, height: 56 }}\n                  variant=\"soft\"\n                >\n                  <Flex gap=\"3\" pl=\"4\" width=\"100%\">\n                    <Typo color=\"gray\">\n                      <FileIcon height={20} width={20} />\n                    </Typo>\n                    <Typo\n                      as=\"p\"\n                      color=\"gray\"\n                      style={{ width: '100%', textAlign: 'left' }}\n                    >\n                      {file.fileName}\n                    </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"],"mappings":";;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,eAAe;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkDO,SAyJN,UAzJM,KA4BJ,YA5BI;AApCP,SAAS,SAAS,OAAuC;AAC9D,QAAM;AAAA,IACJ,eAAe;AAAA,IACf,aAAa;AAAA,IACb,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,gBAAgB,YAAY,MAAY;AAC5C,QAAI;AACF,YAAM;AACN,YAAM,QAAQ,gEAAc;AAAA,IAC9B,SAAS,KAAK;AACZ,YAAM,MAAM,uEAAgB;AAAA,IAC9B;AAAA,EACF,IAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,UAAU,SAAS,WAAW,EAAE;AAAA,EACzC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAc,QAMlB,MAAM;AACN,WAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,MAAM,oBAAC,eAAY;AAAA,QACnB,SAAS,MAAM;AACb,gBAAK;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,SAAS,MAAM;AACb,8BAAoB,IAAI;AAAA,QAC1B;AAAA,QACA,MAAM,oBAAC,aAAU;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,CAAC,WAAW,YAAY,IAAI,SAA+B,QAAQ;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,YAAU,MAAM;AACd,QAAI,CAAC,IAAI;AAAS;AAClB,sBAAkB,IAAI,QAAQ,eAAe,IAAI,QAAQ,YAAY;AACrE,QAAI,QAAQ,MAAM,SAAS,GAAG,IAAI,QAAQ,YAAY;AAAA,EACxD,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAM,iBAAiB,MAAuB;AAC5C,QAAI,gBAAgB;AAClB,UAAI,WAAW;AACb,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS,MAAM;AACb,2BAAa,MAAS;AACtB,kBAAI,IAAI,SAAS;AACf,oBAAI,QAAQ,MAAM,SAAS;AAAA,cAC7B;AAAA,YACF;AAAA,YACA,SAAQ;AAAA,YACT;AAAA;AAAA,cAEC,oBAAC,mBAAgB;AAAA;AAAA;AAAA,QACnB;AAAA,MAEJ;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,SAAS,MAAM;AACb,yBAAa,QAAQ;AAAA,UACvB;AAAA,UACA,SAAQ;AAAA,UACT;AAAA;AAAA,YAEC,oBAAC,iBAAc;AAAA;AAAA;AAAA,MACjB;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,QAAK,MAAK,KACT;AAAA,yBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,WACnC;AAAA,2BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,4BAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC,iBACH;AAAA,QACC,SACC,oBAAC,SAAM,OAAM,WAAU,MAAK,SAAS,kCAAS,MAAM,IAAG,IACrD;AAAA,SACN;AAAA,MAEA,qBAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,4BAAC,QAAM,uCAAS,qCAAU,oBAAoB,KAAI;AAAA,QAElD,qBAAC,aAAa,MAAb,EACC;AAAA,8BAAC,aAAa,SAAb,EACC,8BAAC,cAAW,SAAQ,SAClB,8BAAC,oBAAiB,GACpB,GACF;AAAA,UACA,oBAAC,aAAa,SAAb,EACE,sBAAY,IAAI,CAAC,SAAS;AACzB,mBACE,qBAAC,aAAa,MAAb,EAAmC,SAAS,KAAK,SAC/C;AAAA,mBAAK;AAAA,cACL,KAAK;AAAA,iBAFgB,KAAK,KAG7B;AAAA,UAEJ,CAAC,GACH;AAAA,WACF;AAAA,SACF;AAAA,MAEA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,cAAc;AAAA,UACd,MAAM;AAAA,UAEN,+BAAC,YAAY,SAAZ,EACC;AAAA,gCAAC,YAAY,OAAZ,EAAkB,kFAAa;AAAA,YAChC,oBAAC,YAAY,aAAZ,EAAwB,yJAEzB;AAAA,YACA,qBAAC,QAAK,KAAI,KAAI,SAAQ,OACpB;AAAA,kCAAC,YAAY,QAAZ,EACC,8BAAC,UAAO,OAAM,QAAO,SAAQ,WAAU,0BAEvC,GACF;AAAA,cACA,oBAAC,YAAY,QAAZ,EACC,8BAAC,UAAO,OAAM,UAAS,SAAS,MAAM,KAAK,cAAc,GAAG,0BAE5D,GACF;AAAA,eACF;AAAA,aACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAEC,QAAQ,+BAAO,MAAM,KACpB,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yCAAO,IAAI,CAAC,SAAS;AArMhC;AAsMY,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,MAAM,KAAK;AAAA,UAGX;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,OAAO,EAAE,OAAO,KAAK,QAAQ,GAAG;AAAA,cAChC,SAAQ;AAAA,cAER,+BAAC,QAAK,KAAI,KAAI,IAAG,KAAI,OAAM,QACzB;AAAA,oCAAC,QAAK,OAAM,QACV,8BAAC,YAAS,QAAQ,IAAI,OAAO,IAAI,GACnC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,OAAM;AAAA,oBACN,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO;AAAA,oBAEzC,eAAK;AAAA;AAAA,gBACR;AAAA,iBACF;AAAA;AAAA,UACF;AAAA;AAAA,UApBK,UAAK,cAAL,mBAAgB,aAAY,KAAK;AAAA,MAqBxC;AAAA,IAEJ,IACF;AAAA,IAGD,UACC,iCACE;AAAA,0BAAC,aAAU,IAAG,KAAI,IAAG,KAAI,OAAO,EAAE,OAAO,OAAO,GAAG;AAAA,MAEnD,qBAAC,QAAK,OAAM,UAAS,WAAU,UAAS,KAAI,KAC1C;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAM;AAAA,YACN;AAAA;AAAA,QACF;AAAA,QACC,eAAe;AAAA,SAClB;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}