@tipp/ui 2.2.3 → 2.2.5

package/dist/chunk-LDLTDHAT.js

@@ -1,163 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-RX5DC5KO.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
-import {
-  Badge
-} from "./chunk-FCIHNIOH.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/learning-post.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function LearningPost(props) {
-  const {
-    defaultThemeProps,
-    html,
-    tags,
-    title,
-    metaDescription,
-    imageComp,
-    onPageBack,
-    children
-  } = props;
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    __spreadProps(__spreadValues({}, defaultThemeProps), {
-      accentColor: "iris",
-      scaling: "110%",
-      style: {},
-      children: html ? /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          columns: { initial: "1", md: "130px 1fr 130px" },
-          gap: { initial: "2", md: "5" },
-          height: "100%",
-          justify: "center",
-          pb: "160px",
-          position: "relative",
-          px: "4",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx("div", {}),
-            /* @__PURE__ */ jsxs(
-              Flex,
-              {
-                align: "center",
-                direction: "column",
-                maxWidth: "880px",
-                mt: { initial: "3", md: "8" },
-                overflow: "hidden",
-                width: "100%",
-                children: [
-                  /* @__PURE__ */ jsxs(Grid, { align: "start", columns: { initial: "1", sm: "2" }, gap: "2", children: [
-                    /* @__PURE__ */ jsxs(
-                      Grid,
-                      {
-                        gap: "3",
-                        mb: { initial: "4", sm: "0" },
-                        style: { alignSelf: "flex-start" },
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Heading,
-                            {
-                              style: {
-                                fontSize: "2.4rem",
-                                lineHeight: 1.25,
-                                wordBreak: "keep-all"
-                              },
-                              variant: "heading1",
-                              children: title
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(Typo, { children: metaDescription }),
-                          /* @__PURE__ */ jsx(Flex, { gap: "1", wrap: "wrap", children: tags == null ? void 0 : tags.map((el) => {
-                            var _a;
-                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter")) return;
-                            return /* @__PURE__ */ jsx(Badge, { size: "large", variant: "solid", children: el.name }, el.id);
-                          }) })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      AspectRatio,
-                      {
-                        ratio: 5 / 3,
-                        style: {
-                          overflow: "hidden",
-                          borderRadius: "var(--radius-4)",
-                          objectFit: "cover"
-                        },
-                        children: imageComp
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "gh-content",
-                      dangerouslySetInnerHTML: { __html: html }
-                    }
-                  ) })
-                ]
-              }
-            ),
-            children
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          gap: "6",
-          height: "100%",
-          justify: "center",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
-            /* @__PURE__ */ jsx(
-              Heading,
-              {
-                align: "center",
-                color: "gray",
-                variant: "heading4",
-                weight: "regular",
-                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
-        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
-          ]
-        }
-      )
-    })
-  );
-}
-
-export {
-  LearningPost
-};
-//# sourceMappingURL=chunk-LDLTDHAT.js.map

package/dist/chunk-LGQ65LMH.js

@@ -1,99 +0,0 @@
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Badge
-} from "./chunk-FCIHNIOH.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  ArrowRightIcon,
-  TimerIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/app/platform/curriculum-card.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumCard(props) {
-  const {
-    title,
-    imgTitle,
-    imgSrc,
-    description,
-    runningTime,
-    bgColor,
-    onClick
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      columns: { initial: "1", sm: "275px 1fr" },
-      gapX: "5",
-      gapY: "2",
-      onClick,
-      style: { cursor: "pointer" },
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            height: "165px",
-            p: "3",
-            style: {
-              backgroundImage: `url(${imgSrc})`,
-              backgroundColor: bgColor,
-              backgroundPositionX: "right",
-              backgroundPositionY: "bottom",
-              backgroundRepeat: "no-repeat",
-              backgroundSize: "contain",
-              backgroundAttachment: "local"
-            },
-            width: "100%",
-            children: /* @__PURE__ */ jsx(Heading, { style: { whiteSpace: "break-spaces" }, variant: "heading3", children: imgTitle })
-          }
-        ),
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
-          /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "1fr auto" }, gapY: "3", children: [
-            /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "medium",
-                style: { justifySelf: "flex-start" },
-                variant: "outline",
-                children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
-                  /* @__PURE__ */ jsx(TimerIcon, {}),
-                  runningTime
-                ] })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Box, { style: { marginBottom: "auto" }, children: /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: description == null ? void 0 : description.map((el) => {
-            return /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading5", weight: "regular", children: el }) }, el);
-          }) }) }),
-          /* @__PURE__ */ jsx(Separator, { size: "4" }),
-          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "end", children: [
-            /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uAC15\uC758 \uB4E3\uACE0 \uCF54\uCE58\uB2D8\uACFC \uBB34\uC81C\uD55C Q&A" }),
-            /* @__PURE__ */ jsx(ArrowRightIcon, { color: "gray" })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  CurriculumCard
-};
-//# sourceMappingURL=chunk-LGQ65LMH.js.map

package/dist/chunk-LKU34QXP.js

@@ -1,163 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-RX5DC5KO.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
-import {
-  Badge
-} from "./chunk-FCIHNIOH.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/learning-post.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function LearningPost(props) {
-  const {
-    defaultThemeProps,
-    html,
-    tags,
-    title,
-    metaDescription,
-    imageComp,
-    onPageBack,
-    children
-  } = props;
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    __spreadProps(__spreadValues({}, defaultThemeProps), {
-      accentColor: "iris",
-      scaling: "110%",
-      style: {},
-      children: html ? /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          columns: { initial: "1", md: "130px 1fr 130px" },
-          gap: { initial: "2", md: "5" },
-          height: "100%",
-          justify: "center",
-          pb: "160px",
-          position: "relative",
-          px: "4",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx("div", {}),
-            /* @__PURE__ */ jsxs(
-              Flex,
-              {
-                align: "center",
-                direction: "column",
-                maxWidth: "880px",
-                mt: { initial: "3", md: "8" },
-                overflow: "hidden",
-                width: "100%",
-                children: [
-                  /* @__PURE__ */ jsxs(Grid, { align: "start", columns: { initial: "1", sm: "2" }, gap: "2", children: [
-                    /* @__PURE__ */ jsxs(
-                      Grid,
-                      {
-                        gap: "3",
-                        mb: { initial: "4", sm: "0" },
-                        style: { alignSelf: "flex-start" },
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Heading,
-                            {
-                              style: {
-                                fontSize: "2.4rem",
-                                lineHeight: 1.25,
-                                wordBreak: "keep-all"
-                              },
-                              variant: "heading1",
-                              children: title
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(Typo, { children: metaDescription }),
-                          /* @__PURE__ */ jsx(Flex, { gap: "1", wrap: "wrap", children: tags == null ? void 0 : tags.map((el) => {
-                            var _a;
-                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter")) return;
-                            return /* @__PURE__ */ jsx(Badge, { size: "large", variant: "solid", children: el.name }, el.id);
-                          }) })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      AspectRatio,
-                      {
-                        ratio: 5 / 3,
-                        style: {
-                          overflow: "hidden",
-                          borderRadius: "var(--radius-4)",
-                          objectFit: "cover"
-                        },
-                        children: imageComp
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "gh-content",
-                      dangerouslySetInnerHTML: { __html: html }
-                    }
-                  ) })
-                ]
-              }
-            ),
-            children
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          gap: "6",
-          height: "100%",
-          justify: "center",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
-            /* @__PURE__ */ jsx(
-              Heading,
-              {
-                align: "center",
-                color: "gray",
-                variant: "heading4",
-                weight: "regular",
-                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
-        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
-          ]
-        }
-      )
-    })
-  );
-}
-
-export {
-  LearningPost
-};
-//# sourceMappingURL=chunk-LKU34QXP.js.map

package/dist/chunk-LLXJRWHR.js

@@ -1,196 +0,0 @@
-import {
-  CurriculumReviewSteps_default
-} from "./chunk-V4VPWOSB.js";
-import {
-  useCurriculumContext
-} from "./chunk-IYQJIEVM.js";
-import {
-  Dialog
-} from "./chunk-22326A76.js";
-import {
-  IconButton
-} from "./chunk-ZOFENAZJ.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
-import { useCallback, useMemo, useState } from "react";
-import { Cross1Icon } from "@radix-ui/react-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumReview(props) {
-  const { item, sectionTitle } = props;
-  const { description, buttonTitle } = item;
-  const {
-    curriculum,
-    onReviewSubmit: _onReviewSubmit,
-    onReviewValueChange: _onReviewValueChange,
-    curriculumReviewAnswers,
-    tempCurriculumReviewAnswers,
-    curriculumCompleteMap
-  } = useCurriculumContext();
-  const [open, setOpen] = useState(false);
-  const [isChanged, setIsChanged] = useState(false);
-  const [closeDialogOpen, setCloseDialogOpen] = useState(false);
-  const onReviewValueChange = useCallback(
-    ({
-      reviewId,
-      answer
-    }) => {
-      if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
-        return;
-      }
-      setIsChanged(true);
-      _onReviewValueChange({ reviewId, answer });
-    },
-    [_onReviewValueChange, curriculumReviewAnswers]
-  );
-  const onReviewSubmit = useCallback(
-    (values) => {
-      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
-        (result) => {
-          setIsChanged(false);
-          return result;
-        }
-      );
-    },
-    [item.uuid, _onReviewSubmit]
-  );
-  const onClickEndReview = useCallback(() => {
-    setOpen(false);
-  }, []);
-  const onClickCloseDrawer = useCallback(() => {
-    if (isChanged) {
-      setCloseDialogOpen(true);
-    } else {
-      setOpen(false);
-    }
-  }, [isChanged]);
-  const mode = useMemo(() => {
-    return item.questions.every(
-      (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
-    ) ? "edit" : "create";
-  }, [curriculumReviewAnswers, item.questions]);
-  const defaultValues = useMemo(() => {
-    const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
-    return item.questions.reduce((acc, question) => {
-      acc[question.uuid] = allAnswers[question.uuid] || "";
-      return acc;
-    }, {});
-  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
-  const done = useMemo(() => {
-    return Boolean(curriculumCompleteMap[item.uuid]);
-  }, [curriculumCompleteMap, item.uuid]);
-  const bgColor = done ? "var(--color-panel-solid)" : void 0;
-  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
-    /* @__PURE__ */ jsxs(
-      Flex,
-      {
-        align: "center",
-        direction: "column",
-        height: "100%",
-        justify: "center",
-        px: "3",
-        py: "3",
-        style: {
-          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
-          backgroundPosition: "center",
-          backgroundSize: "cover",
-          backgroundRepeat: "no-repeat"
-        },
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
-          /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
-          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              mt: "3",
-              style: { minWidth: 232, backgroundColor: bgColor },
-              variant: done ? "outline" : "solid",
-              children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      {
-        height: "100%",
-        hideCloseButton: true,
-        style: { borderRadius: 0, padding: 0 },
-        title: "",
-        width: "100%",
-        children: /* @__PURE__ */ jsxs(
-          Flex,
-          {
-            align: "center",
-            height: "100%",
-            justify: "center",
-            pb: "3",
-            position: "relative",
-            width: "100%",
-            children: [
-              /* @__PURE__ */ jsx(
-                CurriculumReviewSteps_default,
-                {
-                  contents: item,
-                  curriculum,
-                  defaultValues,
-                  done,
-                  mode,
-                  onClickEndReview,
-                  onReviewValueChange,
-                  onSubmit: onReviewSubmit,
-                  title: sectionTitle
-                }
-              ),
-              /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsxs(
-                IconButton,
-                {
-                  color: "gray",
-                  onClick: onClickCloseDrawer,
-                  variant: "ghost",
-                  children: [
-                    /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
-                    /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
-                Dialog.Content,
-                {
-                  buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-                    /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
-                    /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
-                  ] }),
-                  title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
-                  children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}
-var curriculum_review_default = CurriculumReview;
-
-export {
-  curriculum_review_default
-};
-//# sourceMappingURL=chunk-LLXJRWHR.js.map

package/dist/chunk-M2SQB6ZY.js

@@ -1,23 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-
-// src/atoms/field-error-wrapper.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function FieldErrorWrapper({
-  children,
-  error
-}) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
-    children,
-    error ? /* @__PURE__ */ jsx(Typo, { color: "red", variant: "caption", children: error }) : null
-  ] });
-}
-
-export {
-  FieldErrorWrapper
-};
-//# sourceMappingURL=chunk-M2SQB6ZY.js.map

package/dist/chunk-M3P6YIO2.js

@@ -1,47 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  mapWithResponsive
-} from "./chunk-LDBWASUA.js";
-
-// src/atoms/list.tsx
-import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function Root(props) {
-  const { variant, size = "large", children } = props;
-  const Comp = variant === "ol" ? "ol" : "ul";
-  return /* @__PURE__ */ jsx(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(Flex, { asChild: true, direction: "column", gap: "1", children: /* @__PURE__ */ jsx(Comp, { children }) }) });
-}
-function Item(props) {
-  const { children } = props;
-  const { size } = useList();
-  const variant = useMemo(() => {
-    return mapWithResponsive({
-      value: size,
-      mapFn: (sizeValue) => {
-        return sizeValue === "small" ? "caption" : "body";
-      }
-    });
-  }, [size]);
-  return /* @__PURE__ */ jsx(Typo, { asChild: true, variant, children: /* @__PURE__ */ jsx("li", { children }) });
-}
-var ListContext = createContext({
-  size: "large"
-});
-function useList() {
-  return useContext(ListContext);
-}
-var List = {
-  Root,
-  Item
-};
-
-export {
-  useList,
-  List
-};
-//# sourceMappingURL=chunk-M3P6YIO2.js.map