@tipp/ui 2.1.19 → 2.1.20

package/dist/chunk-ZBMEJLFG.js

@@ -0,0 +1,23 @@
+import {
+  Typo
+} from "./chunk-RWAYF4AO.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.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-ZBMEJLFG.js.map

package/dist/chunk-ZBMEJLFG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/field-error-wrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface FieldErrorWrapperProps {\n  children?: React.ReactNode;\n  error?: React.ReactNode;\n}\n\nexport function FieldErrorWrapper({\n  children,\n  error,\n}: FieldErrorWrapperProps): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"1\">\n      {children}\n      {error ? (\n        <Typo color=\"red\" variant=\"caption\">\n          {error}\n        </Typo>\n      ) : null}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAcI,SAGI,KAHJ;AALG,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAA4C;AAC1C,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B;AAAA;AAAA,IACA,QACC,oBAAC,QAAK,OAAM,OAAM,SAAQ,WACvB,iBACH,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/chunk-ZMUUVAHT.js

@@ -0,0 +1,37 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-UZ2TYAQ5.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionSatisfisRadio(props) {
+  var _a, _b, _c;
+  const { question, answer, onChange } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD55C \uC804\uBC18\uC801\uC778 \uB9CC\uC871\uB3C4\uB97C \uC54C\uB824\uC8FC\uC138\uC694.",
+        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
+  ] });
+}
+var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
+
+export {
+  review_question_satisfaction_option_default
+};
+//# sourceMappingURL=chunk-ZMUUVAHT.js.map

package/dist/chunk-ZMUUVAHT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Flex, RadioGroup } from '@/atoms';\nimport { type CurriculumReviewQuestionSatisfactionOption } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionOptionProps {\n  question: CurriculumReviewQuestionSatisfactionOption;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionSatisfisRadio(\n  props: ReviewQuestionSatisfactionOptionProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n   \n  return (\n    <>\n      <Card size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대한 전반적인 만족도를 알려주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n      </Card>\n      <RadioGroup.Root color=\"iris\" mt=\"3\" onValueChange={onChange} value={answer}>\n        <Flex direction=\"column\" gap=\"2\">\n          {question.options?.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </Flex>\n      </RadioGroup.Root>\n    </>\n  );\n}\n\nexport default ReviewQuestionSatisfisRadio;\n"],"mappings":";;;;;;;;;;;;;;AAkBI,mBAEI,KAFJ;AANJ,SAAS,4BACP,OACiB;AAdnB;AAeE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,iCACE;AAAA,wBAAC,QAAK,MAAK,KACT;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IACA,oBAAC,WAAW,MAAX,EAAgB,OAAM,QAAO,IAAG,KAAI,eAAe,UAAU,OAAO,QACnE,8BAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yBAAS,YAAT,mBAAkB,IAAI,CAAC,WACtB,oBAAC,WAAW,MAAX,EAAmC,OAAO,OAAO,OAAO,KAAK,GAC3D,iBAAO,SADY,OAAO,KAE7B,IAEJ,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,8CAAQ;","names":[]}

package/dist/chunk-ZVNQBP5M.js

@@ -0,0 +1,68 @@
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-SWOTOH5M.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  DownloadIcon
+} from "./chunk-CEK4NKTO.js";
+
+// src/app/platform/report-card.tsx
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReportCard(props) {
+  const { title, file, status, subtitle } = props;
+  const onClickDownload = useCallback(() => {
+    if (!file) return;
+    const { url, fileName } = file;
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.target = "_blank";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }, [file]);
+  if (status) {
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
+      status
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: { initial: "column", xs: "row" },
+      gapY: "2",
+      justify: "between",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
+          subtitle ? /* @__PURE__ */ jsx(Typo, { color: "gray", children: subtitle }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ jsxs(Flex, { gap: "2", width: "100%", children: [
+          /* @__PURE__ */ jsx(DownloadIcon, {}),
+          file == null ? void 0 : file.buttonName
+        ] }) }, file == null ? void 0 : file.url)
+      ]
+    }
+  ) });
+}
+
+export {
+  ReportCard
+};
+//# sourceMappingURL=chunk-ZVNQBP5M.js.map

package/dist/chunk-ZVNQBP5M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/report-card.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Button, Card, Flex, Heading, Typo } from '@/atoms';\nimport type { Attachment } from '@/molecules';\nimport { DownloadIcon } from '@/icon';\n\ntype File = Attachment & { buttonName: string };\nexport interface ReportCardProps {\n  title?: string;\n  file?: File;\n  status?: React.ReactNode;\n  subtitle?: string;\n}\n\nexport function ReportCard(props: ReportCardProps): React.ReactNode {\n  const { title, file, status, subtitle } = props;\n\n  const onClickDownload = useCallback(() => {\n    if (!file) return;\n    const { url, fileName } = file;\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = fileName;\n    link.target = '_blank';\n\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  }, [file]);\n\n  if (status) {\n    return (\n      <Card>\n        <Flex align=\"center\" justify=\"between\">\n          <Heading variant=\"heading4\">{title}</Heading>\n          {status}\n        </Flex>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      <Flex\n        direction={{ initial: 'column', xs: 'row' }}\n        gapY=\"2\"\n        justify=\"between\"\n      >\n        <Box>\n          <Heading variant=\"heading4\">{title}</Heading>\n          {subtitle ? <Typo color=\"gray\">{subtitle}</Typo> : null}\n        </Box>\n        <Button key={file?.url} onClick={onClickDownload} variant=\"surface\">\n          <Flex gap=\"2\" width=\"100%\">\n            <DownloadIcon />\n            {file?.buttonName}\n          </Flex>\n        </Button>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AAgC3B,SACE,KADF;AAnBD,SAAS,WAAW,OAAyC;AAClE,QAAM,EAAE,OAAO,MAAM,QAAQ,SAAS,IAAI;AAE1C,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,CAAC,KAAM;AACX,UAAM,EAAE,KAAK,SAAS,IAAI;AAC1B,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,SAAS;AAEd,aAAS,KAAK,YAAY,IAAI;AAC9B,SAAK,MAAM;AACX,aAAS,KAAK,YAAY,IAAI;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,QAAQ;AACV,WACE,oBAAC,QACC,+BAAC,QAAK,OAAM,UAAS,SAAQ,WAC3B;AAAA,0BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,MAClC;AAAA,OACH,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,6BAAC,OACC;AAAA,8BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,UAClC,WAAW,oBAAC,QAAK,OAAM,QAAQ,oBAAS,IAAU;AAAA,WACrD;AAAA,QACA,oBAAC,UAAuB,SAAS,iBAAiB,SAAQ,WACxD,+BAAC,QAAK,KAAI,KAAI,OAAM,QAClB;AAAA,8BAAC,gBAAa;AAAA,UACb,6BAAM;AAAA,WACT,KAJW,6BAAM,GAKnB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/index.cjs

@@ -859,15 +859,21 @@ var Typo = (0, import_react13.forwardRef)(
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
     const radixSize = (0, import_react13.useMemo)(() => {
       if (size !== void 0) return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle":
-          return "3";
-        case "body":
-        default:
-          return "2";
-      }
+      if (variant === void 0) return "2";
+      return mapWithResponsive({
+        value: variant,
+        mapFn: (variantValue) => {
+          switch (variantValue) {
+            case "caption":
+              return "1";
+            case "subtitle":
+              return "3";
+            case "body":
+            default:
+              return "2";
+          }
+        }
+      });
     }, [size, variant]);
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes46.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
@@ -3439,8 +3445,9 @@ function CurriculumSubNav() {
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes6.Box, {}),
         /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes6.Box, { width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Heading2, { style: { textOverflow: "ellipsis" }, variant: "heading4", children: selectedItem.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { as: "p", color: "gray", style: { textOverflow: "ellipsis" }, children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes6.Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Heading2, { style: { textOverflow: "ellipsis" }, variant: "heading5", children: selectedItem.title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes6.Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { weight: "bold", children: selectedItem.title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { as: "p", color: "gray", mt: "1", style: { textOverflow: "ellipsis" }, variant: "caption", children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
         ] }),
         hasNext ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           import_themes18.IconButton,