@tipp/ui 2.3.21 → 2.3.23

package/dist/chunk-G6UKOZPL.js

@@ -0,0 +1,217 @@
+import {
+  TextArea
+} from "./chunk-5XYPLDI5.js";
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
+import {
+  RadioCards
+} from "./chunk-6IVCARWS.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  Select
+} from "./chunk-X2GMDZ7M.js";
+import {
+  Inset
+} from "./chunk-XQOL7UBI.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  CheckboxGroup
+} from "./chunk-W7X7KSJP.js";
+import {
+  Checkbox
+} from "./chunk-VYCYVN3L.js";
+import {
+  useDynamicForm
+} from "./chunk-4U6DFH7Z.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-field.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormField({
+  field
+}) {
+  const {
+    getFieldValue,
+    getFieldError,
+    getFieldTouched,
+    setFieldValue,
+    handleChange,
+    handleBlur,
+    readonly
+  } = useDynamicForm();
+  const { name, type } = field;
+  const value = getFieldValue(name);
+  const error = getFieldError(name);
+  const touched = getFieldTouched(name);
+  const hasError = Boolean(error && touched);
+  const commonProps = {
+    name,
+    value: String(value || ""),
+    onChange: readonly ? void 0 : handleChange,
+    onBlur: readonly ? void 0 : handleBlur,
+    error: hasError,
+    disabled: readonly
+  };
+  const selectedValue = typeof value === "string" || typeof value === "number" ? String(value) : "";
+  switch (type) {
+    case "short_text":
+    case "email":
+      return /* @__PURE__ */ jsx(
+        TextField.Root,
+        __spreadProps(__spreadValues({}, commonProps), {
+          placeholder: field.placeholder,
+          type: type === "short_text" ? "text" : type
+        })
+      );
+    case "number":
+      return /* @__PURE__ */ jsx(
+        TextField.Root,
+        __spreadProps(__spreadValues({}, commonProps), {
+          inputMode: "numeric",
+          pattern: "[0-9]*",
+          placeholder: field.placeholder,
+          type: "number"
+        })
+      );
+    case "long_text":
+      return /* @__PURE__ */ jsx(TextArea, __spreadProps(__spreadValues({ rows: 4 }, commonProps), { placeholder: field.placeholder }));
+    case "dropdown":
+      return /* @__PURE__ */ jsxs(
+        Select.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : (newValue) => {
+            void setFieldValue(name, newValue);
+          },
+          value: selectedValue,
+          children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { placeholder: field.placeholder }),
+            /* @__PURE__ */ jsx(Select.Content, { children: field.options.map((option) => /* @__PURE__ */ jsx(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
+          ]
+        }
+      );
+    case "choice":
+      return /* @__PURE__ */ jsx(
+        RadioGroup.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : (newValue) => {
+            void setFieldValue(name, newValue);
+          },
+          orientation: field.orientation,
+          value: String(value || ""),
+          children: field.options.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
+        }
+      );
+    case "radio_cards":
+      return /* @__PURE__ */ jsx(
+        RadioCards.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : (newValue) => {
+            void setFieldValue(name, newValue);
+          },
+          value: selectedValue,
+          children: field.options.map((option) => /* @__PURE__ */ jsx(RadioCards.Item, { value: String(option.value), children: /* @__PURE__ */ jsx(Typo, { children: option.label }) }, option.value))
+        }
+      );
+    case "choices":
+      return /* @__PURE__ */ jsx(
+        CheckboxGroup.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : (newValue) => {
+            void setFieldValue(name, newValue);
+          },
+          orientation: field.orientation,
+          value: Array.isArray(value) ? value.map(String) : [],
+          children: field.options.map((option) => /* @__PURE__ */ jsx(CheckboxGroup.Item, { value: String(option.value), children: option.label }, option.value))
+        }
+      );
+    case "yes_no":
+      return /* @__PURE__ */ jsxs(Flex, { gap: "2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: Boolean(value),
+            disabled: readonly,
+            onCheckedChange: readonly ? void 0 : (checked) => {
+              void setFieldValue(name, checked);
+            }
+          }
+        ),
+        field.description ? /* @__PURE__ */ jsx(Typo, { color: "gray", variant: "caption", children: field.description }) : null
+      ] });
+    case "image_radio_card": {
+      const gridColumnsCount = field.gridColumnsCount || 4;
+      const gridColumns = field.gridColumns || `repeat(${gridColumnsCount}, 1fr)`;
+      const gridItemHeight = field.gridItemHeight || "100px";
+      const gridRows = field.gridRows || gridItemHeight;
+      const gridGap = field.gridGap || "2";
+      const imageFit = field.imageFit === "contain" ? "contain" : "cover";
+      const handleValueChange = (newValue) => {
+        if (readonly) return;
+        const selectedOption = field.options.find(
+          (option) => String(option.value) === newValue
+        );
+        if (!selectedOption) return;
+        void setFieldValue(name, selectedOption.value);
+      };
+      return /* @__PURE__ */ jsx(
+        RadioCards.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : handleValueChange,
+          value: selectedValue,
+          children: /* @__PURE__ */ jsx(Grid, { columns: gridColumns, gap: gridGap, rows: gridRows, children: field.options.map((option) => {
+            const optionValue = String(option.value);
+            const isSelected = optionValue === selectedValue;
+            const altText = option.alt || option.label;
+            return /* @__PURE__ */ jsx(
+              RadioCards.Item,
+              {
+                value: optionValue,
+                children: /* @__PURE__ */ jsx(Inset, { style: { width: "100%", height: "100%", padding: 0 }, children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    alt: altText,
+                    src: option.imageSrc,
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      display: "block",
+                      objectFit: imageFit,
+                      opacity: readonly ? 0.7 : 1
+                    }
+                  }
+                ) })
+              },
+              optionValue
+            );
+          }) })
+        }
+      );
+    }
+    default:
+      return null;
+  }
+}
+
+export {
+  DynamicFormField
+};
+//# sourceMappingURL=chunk-G6UKOZPL.js.map

package/dist/chunk-G6UKOZPL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-field.tsx"],"sourcesContent":["\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { useDynamicForm } from '../context/dynamic-form-context';\nimport { TextField } from '../atoms/text-field';\nimport { TextArea } from '../atoms/text-area';\nimport { Select } from '../atoms/select';\nimport { CheckboxGroup } from '../atoms/check-box-group';\nimport { RadioGroup } from '../atoms/radio-group';\nimport { Checkbox } from '../atoms/check-box';\nimport { RadioCards } from '../atoms/radio-cards';\nimport { Grid } from '../atoms/grid';\nimport { Inset } from '../atoms/inset';\nimport type { DynamicFormFieldSchema } from '../types/dynamic-form-schema-generated';\n\ninterface DynamicFormFieldRendererProps {\n  field: DynamicFormFieldSchema;\n}\n\nexport function DynamicFormField({\n  field,\n}: DynamicFormFieldRendererProps): React.ReactElement | null {\n  const {\n    getFieldValue,\n    getFieldError,\n    getFieldTouched,\n    setFieldValue,\n    handleChange,\n    handleBlur,\n    readonly,\n  } = useDynamicForm();\n  const { name, type } = field;\n\n  const value = getFieldValue(name);\n  const error = getFieldError(name);\n  const touched = getFieldTouched(name);\n  const hasError = Boolean(error && touched);\n\n  const commonProps = {\n    name,\n    value: String(value || ''),\n    onChange: readonly ? undefined : handleChange,\n    onBlur: readonly ? undefined : handleBlur,\n    error: hasError,\n    disabled: readonly,\n  };\n\n  const selectedValue: string =\n    typeof value === 'string' || typeof value === 'number' ? String(value) : '';\n\n  switch (type) {\n    case 'short_text':\n    case 'email':\n      return (\n        <TextField.Root \n          {...commonProps} \n          placeholder={field.placeholder}\n          type={type === 'short_text' ? 'text' : type}\n        />\n      );\n    case 'number':\n      return (\n        <TextField.Root\n          {...commonProps}\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          placeholder={field.placeholder}\n          type=\"number\"\n        />\n      );\n    case 'long_text':\n      return <TextArea rows={4} {...commonProps} placeholder={field.placeholder}  />;\n\n    case 'dropdown':\n      return (\n        <Select.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          value={selectedValue}\n        >\n          <Select.Trigger placeholder={field.placeholder} />\n          <Select.Content>\n            {field.options.map((option) => (\n              <Select.Item key={option.value} value={String(option.value)}>\n                {option.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select.Root>\n      );\n\n    case 'choice':\n      return (\n        <RadioGroup.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={String(value || '')}\n        >\n          {field.options.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      );\n\n    case 'radio_cards':\n      return (\n        <RadioCards.Root\n          disabled={readonly}\n          onValueChange={\n            readonly\n              ? undefined\n              : (newValue: string) => {\n                  void setFieldValue(name, newValue);\n                }\n          }\n          value={selectedValue}\n        >\n          {field.options.map((option) => (\n            <RadioCards.Item key={option.value} value={String(option.value)}>\n              <Typo>{option.label}</Typo>\n            </RadioCards.Item>\n          ))}\n        </RadioCards.Root>\n      );\n\n    case 'choices':\n      return (\n        <CheckboxGroup.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string[]) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={Array.isArray(value) ? value.map(String) : []}\n        >\n          {field.options.map((option) => (\n            <CheckboxGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </CheckboxGroup.Item>\n          ))}\n        </CheckboxGroup.Root>\n      );\n\n    case 'yes_no':\n      return (\n        <Flex gap=\"2\">\n          <Checkbox\n            checked={Boolean(value)}\n            disabled={readonly}\n            onCheckedChange={readonly ? undefined : (checked: boolean) => {\n              void setFieldValue(name, checked);\n            }}\n          />\n          {field.description ? (\n            <Typo color=\"gray\" variant=\"caption\">\n              {field.description}\n            </Typo>\n          ) : null}\n        </Flex>\n      );\n\n    case 'image_radio_card': {\n      const gridColumnsCount: number = field.gridColumnsCount || 4;\n      const gridColumns: string =\n        field.gridColumns || `repeat(${gridColumnsCount}, 1fr)`;\n\n      const gridItemHeight: string = field.gridItemHeight || '100px';\n      const gridRows: string = field.gridRows || gridItemHeight;\n      const gridGap: string = field.gridGap || '2';\n      const imageFit: 'cover' | 'contain' =\n        field.imageFit === 'contain' ? 'contain' : 'cover';\n\n      const handleValueChange = (newValue: string): void => {\n        if (readonly) return;\n        const selectedOption = field.options.find(\n          (option) => String(option.value) === newValue\n        );\n        if (!selectedOption) return;\n        void setFieldValue(name, selectedOption.value);\n      };\n\n      return (\n        <RadioCards.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : handleValueChange}\n          value={selectedValue}\n        >\n          <Grid columns={gridColumns} gap={gridGap} rows={gridRows}>\n            {field.options.map((option) => {\n              const optionValue: string = String(option.value);\n              const isSelected: boolean = optionValue === selectedValue;\n              const altText: string = option.alt || option.label;\n\n              return (\n                <RadioCards.Item\n                  key={optionValue} \n                  value={optionValue}\n                >\n                  <Inset style={{ width: '100%', height: '100%', padding: 0 }}>\n                    <img\n                      alt={altText}\n                      src={option.imageSrc}\n                      style={{\n                        width: '100%',\n                        height: '100%',\n                        display: 'block',\n                        objectFit: imageFit,\n                        opacity: readonly ? 0.7 : 1,\n                      }}\n                    />\n                  </Inset>\n                </RadioCards.Item>\n              );\n            })}\n          </Grid>\n        </RadioCards.Root>\n      );\n    }\n\n    default:\n      return null;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-GAFIOPGJ.js

@@ -0,0 +1,54 @@
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  PaperPlaneIcon
+} from "./chunk-LTEJYJUM.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionFooter({
+  index,
+  onNext,
+  onPrev,
+  isLast,
+  isNextButtonDisabled,
+  onSubmit,
+  isLoading
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { columns: "1fr 1fr", gap: "3", children: [
+    index > 0 ? /* @__PURE__ */ jsxs(Button, { onClick: onPrev, variant: "outline", children: [
+      /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+      "\uC774\uC804\uC73C\uB85C"
+    ] }) : /* @__PURE__ */ jsx(Box, {}),
+    isLast ? /* @__PURE__ */ jsxs(Button, { disabled: isNextButtonDisabled, loading: isLoading, onClick: onSubmit, children: [
+      /* @__PURE__ */ jsx(PaperPlaneIcon, {}),
+      "\uC81C\uCD9C\uD558\uAE30"
+    ] }) : /* @__PURE__ */ jsxs(
+      Button,
+      {
+        disabled: isNextButtonDisabled,
+        onClick: onNext,
+        variant: "surface",
+        children: [
+          /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+          "\uB2E4\uC74C\uC73C\uB85C"
+        ]
+      }
+    )
+  ] });
+}
+var review_question_footer_default = ReviewQuestionFooter;
+
+export {
+  review_question_footer_default
+};
+//# sourceMappingURL=chunk-GAFIOPGJ.js.map

package/dist/chunk-GAFIOPGJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Grid } from '@/atoms/grid';\nimport { ChevronLeftIcon, ChevronRightIcon, PaperPlaneIcon } from '@/icon';\n\ninterface ReviewQuestionFooterProps {\n  index: number;\n  onNext: () => void;\n  onPrev: () => void;\n  isLast: boolean;\n  isNextButtonDisabled?: boolean;\n  onSubmit: () => void;\n  isLoading?: boolean;\n}\n\nfunction ReviewQuestionFooter({\n  index,\n  onNext,\n  onPrev,\n  isLast,\n  isNextButtonDisabled,\n  onSubmit,\n  isLoading,\n}: ReviewQuestionFooterProps): React.ReactNode {\n  return (\n    <Grid columns=\"1fr 1fr\" gap=\"3\">\n      {index > 0 ? (\n        <Button onClick={onPrev} variant=\"outline\">\n          <ChevronLeftIcon />\n          이전으로\n        </Button>\n      ) : (\n        <Box />\n      )}\n      {isLast ? (\n        <Button disabled={isNextButtonDisabled} loading={isLoading} onClick={onSubmit}>\n          <PaperPlaneIcon />\n          제출하기\n        </Button>\n      ) : (\n        <Button\n          disabled={isNextButtonDisabled}\n          onClick={onNext}\n          variant=\"surface\"\n        >\n          <ChevronRightIcon />\n          다음으로\n        </Button>\n      )}\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionFooter;\n"],"mappings":";;;;;;;;;;;;;;;;AA4BQ,SACE,KADF;AAZR,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,SACE,qBAAC,QAAK,SAAQ,WAAU,KAAI,KACzB;AAAA,YAAQ,IACP,qBAAC,UAAO,SAAS,QAAQ,SAAQ,WAC/B;AAAA,0BAAC,mBAAgB;AAAA,MAAE;AAAA,OAErB,IAEA,oBAAC,OAAI;AAAA,IAEN,SACC,qBAAC,UAAO,UAAU,sBAAsB,SAAS,WAAW,SAAS,UACnE;AAAA,0BAAC,kBAAe;AAAA,MAAE;AAAA,OAEpB,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER;AAAA,8BAAC,oBAAiB;AAAA,UAAE;AAAA;AAAA;AAAA,IAEtB;AAAA,KAEJ;AAEJ;AAEA,IAAO,iCAAQ;","names":[]}

package/dist/chunk-GEMXFVWI.js

@@ -0,0 +1,37 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-B327EINU.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.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-GEMXFVWI.js.map

package/dist/chunk-GEMXFVWI.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 } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { RadioGroup } from '@/atoms/radio-group';\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":";;;;;;;;;;;;;;AAoBI,mBAEI,KAFJ;AANJ,SAAS,4BACP,OACiB;AAhBnB;AAiBE,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-GFBOT2PV.js

@@ -0,0 +1,101 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-B327EINU.js";
+import {
+  RadioButtonCard
+} from "./chunk-CSKNBWPB.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var correctAnswerStyle = {
+  backgroundColor: "var(--green-a2)"
+};
+function ReviewQuestionRadio(props) {
+  const { question, answer, onChange } = props;
+  const [isCheckAnswer, setIsCheckAnswer] = useState(false);
+  const checkAnswer = useCallback(() => {
+    setIsCheckAnswer(true);
+  }, []);
+  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;
+  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;
+  const radioColor = useMemo(() => {
+    if (isCorrect) return "green";
+    if (isWrong) return "red";
+    return void 0;
+  }, [isCorrect, isWrong]);
+  return /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+    /* @__PURE__ */ jsx(Card, { mb: "4", size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: question.question,
+        title: question.title,
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
+      /* @__PURE__ */ jsx(Box, { position: "relative", children: /* @__PURE__ */ jsx(
+        RadioButtonCard.Root,
+        {
+          color: radioColor,
+          onValueChange: onChange,
+          style: {
+            width: "100%",
+            height: "100%",
+            overflowY: "auto",
+            position: "absolute"
+          },
+          value: answer,
+          children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
+            const isThisOptionCorrect = isCheckAnswer && i === question.correctAnswer;
+            const isThisOptionSelected = isCheckAnswer && i === Number(answer);
+            const isThisOptionWrong = isCheckAnswer && isThisOptionSelected && i !== question.correctAnswer;
+            const style = (() => {
+              if (isThisOptionCorrect) return correctAnswerStyle;
+              return {};
+            })();
+            return /* @__PURE__ */ jsx(
+              RadioButtonCard.Item,
+              {
+                style,
+                value: i.toString(),
+                children: /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Typo, { as: "p", children: option.label }),
+                  isThisOptionCorrect ? /* @__PURE__ */ jsx(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
+                  isThisOptionWrong ? /* @__PURE__ */ jsx(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
+                ] })
+              },
+              `${option.label}-${i}`
+            );
+          }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ jsx(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
+    ] })
+  ] });
+}
+var review_question_radio_default = ReviewQuestionRadio;
+
+export {
+  review_question_radio_default
+};
+//# sourceMappingURL=chunk-GFBOT2PV.js.map

package/dist/chunk-GFBOT2PV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewQuestionRadio } from '@/types/curriculumContents.type'; \nimport { RadioButtonCard } from \"../../../../radio-button-card\";\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionRadioProps {\n  question: CurriculumReviewQuestionRadio;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nconst correctAnswerStyle: React.CSSProperties = {\n  backgroundColor: 'var(--green-a2)',\n};\n\nfunction ReviewQuestionRadio(props: ReviewQuestionRadioProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n  const [isCheckAnswer, setIsCheckAnswer] = useState(false);\n\n  const checkAnswer = useCallback(() => {\n    setIsCheckAnswer(true);\n  }, []);\n\n  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;\n  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;\n  const radioColor = useMemo(() => {\n    if (isCorrect) return 'green';\n    if (isWrong) return 'red';\n    return undefined;\n  }, [isCorrect, isWrong]);\n\n  return (\n    <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n      <Card mb=\"4\" size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={question.question}\n          title={question.title}\n          type={question.type}\n        />\n      </Card>\n\n      <Grid height=\"100%\" rows=\"1fr auto\" width=\"100%\">\n        <Box position=\"relative\">\n          <RadioButtonCard.Root\n            color={radioColor}\n            onValueChange={onChange}\n            style={{\n              width: '100%',\n              height: '100%',\n              overflowY: 'auto',\n              position: 'absolute',\n            }}\n            value={answer}\n          >\n            <Flex direction=\"column\" gap=\"2\" width=\"100%\">\n              {question.options.map((option, i) => {\n                const isThisOptionCorrect =\n                  isCheckAnswer && i === question.correctAnswer;\n                const isThisOptionSelected =\n                  isCheckAnswer && i === Number(answer);\n                const isThisOptionWrong =\n                  isCheckAnswer &&\n                  isThisOptionSelected &&\n                  i !== question.correctAnswer;\n                const style = (() => {\n                  if (isThisOptionCorrect) return correctAnswerStyle;\n                  return {};\n                })();\n\n                return (\n                  <RadioButtonCard.Item\n                    // eslint-disable-next-line react/no-array-index-key -- 조합 키로 중복 회피\n                    key={`${option.label}-${i}`}\n                    style={style}\n                    value={i.toString()}\n                  >\n                    <Box>\n                      <Typo as=\"p\">{option.label}</Typo>\n                      {isThisOptionCorrect ? (\n                        <Typo color=\"green\">정답입니다</Typo>\n                      ) : null}\n                      {isThisOptionWrong ? (\n                        <Typo color=\"red\">정답이 아닙니다</Typo>\n                      ) : null}\n                    </Box>\n                  </RadioButtonCard.Item>\n                );\n              })}\n            </Flex>\n          </RadioButtonCard.Root>\n        </Box>\n        <Flex justify=\"end\" mt=\"2\">\n          <Button onClick={checkAnswer}>정답 확인</Button>\n        </Flex>\n      </Grid>\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionRadio;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AAyC9C,cA2CY,YA3CZ;AAvBR,IAAM,qBAA0C;AAAA,EAC9C,iBAAiB;AACnB;AAEA,SAAS,oBAAoB,OAAkD;AAC7E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,cAAc,YAAY,MAAM;AACpC,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC/D,QAAM,UAAU,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC7D,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAW,QAAO;AACtB,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,SACE,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,wBAAC,QAAK,IAAG,KAAI,MAAK,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IAEA,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,0BAAC,OAAI,UAAS,YACZ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,UAEP,8BAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAM,QACpC,mBAAS,QAAQ,IAAI,CAAC,QAAQ,MAAM;AACnC,kBAAM,sBACJ,iBAAiB,MAAM,SAAS;AAClC,kBAAM,uBACJ,iBAAiB,MAAM,OAAO,MAAM;AACtC,kBAAM,oBACJ,iBACA,wBACA,MAAM,SAAS;AACjB,kBAAM,SAAS,MAAM;AACnB,kBAAI,oBAAqB,QAAO;AAChC,qBAAO,CAAC;AAAA,YACV,GAAG;AAEH,mBACE;AAAA,cAAC,gBAAgB;AAAA,cAAhB;AAAA,gBAGC;AAAA,gBACA,OAAO,EAAE,SAAS;AAAA,gBAElB,+BAAC,OACC;AAAA,sCAAC,QAAK,IAAG,KAAK,iBAAO,OAAM;AAAA,kBAC1B,sBACC,oBAAC,QAAK,OAAM,SAAQ,4CAAK,IACvB;AAAA,kBACH,oBACC,oBAAC,QAAK,OAAM,OAAM,yDAAQ,IACxB;AAAA,mBACN;AAAA;AAAA,cAZK,GAAG,OAAO,KAAK,IAAI,CAAC;AAAA,YAa3B;AAAA,UAEJ,CAAC,GACH;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,QAAK,SAAQ,OAAM,IAAG,KACrB,8BAAC,UAAO,SAAS,aAAa,uCAAK,GACrC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-GFURX6GB.js

@@ -0,0 +1,76 @@
+import {
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-file-download.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumFileDownload(props) {
+  const { item } = props;
+  const { title, description, files } = item;
+  const { onClickfileDownload } = useCurriculumContext();
+  const isCallbackReady = useMemo(() => {
+    return typeof onClickfileDownload === "function";
+  }, [onClickfileDownload]);
+  const handleClickFile = (file) => {
+    if (!onClickfileDownload) {
+      return;
+    }
+    onClickfileDownload(item, file);
+  };
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      px: "3",
+      py: "3",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+        description ? /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }) : null,
+        /* @__PURE__ */ jsx(
+          Flex,
+          {
+            direction: "column",
+            gap: "2",
+            mt: "4",
+            style: { width: "100%", maxWidth: 520 },
+            children: files.map((file) => {
+              return /* @__PURE__ */ jsx(
+                Button,
+                {
+                  disabled: !isCallbackReady,
+                  onClick: () => {
+                    handleClickFile(file);
+                  },
+                  variant: "outline",
+                  children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: file.name })
+                },
+                file.url
+              );
+            })
+          }
+        ),
+        !isCallbackReady ? /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", mt: "3", variant: "caption", children: "\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC \uAE30\uB2A5\uC774 \uC124\uC815\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4." }) : null
+      ]
+    }
+  );
+}
+var curriculum_file_download_default = CurriculumFileDownload;
+
+export {
+  curriculum_file_download_default
+};
+//# sourceMappingURL=chunk-GFURX6GB.js.map

package/dist/chunk-GFURX6GB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-file-download.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type {\n  CurriculumFileDownloadContents,\n  CurriculumFileDownloadFile,\n} from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\n\ninterface CurriculumFileDownloadProps {\n  item: CurriculumFileDownloadContents;\n}\n\nfunction CurriculumFileDownload(\n  props: CurriculumFileDownloadProps\n): React.ReactNode {\n  const { item } = props;\n  const { title, description, files } = item;\n  const { onClickfileDownload } = useCurriculumContext();\n\n  const isCallbackReady = useMemo((): boolean => {\n    return typeof onClickfileDownload === 'function';\n  }, [onClickfileDownload]);\n\n  const handleClickFile = (file: CurriculumFileDownloadFile): void => {\n    if (!onClickfileDownload) {\n      return;\n    }\n    onClickfileDownload(item, file);\n  };\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      px=\"3\"\n      py=\"3\"\n      width=\"100%\"\n    >\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      {description ? (\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n      ) : null}\n\n      <Flex\n        direction=\"column\"\n        gap=\"2\"\n        mt=\"4\"\n        style={{ width: '100%', maxWidth: 520 }}\n      >\n        {files.map((file) => {\n          return (\n            <Button\n              disabled={!isCallbackReady}\n              key={file.url}\n              onClick={() => {\n                handleClickFile(file);\n              }}\n              variant=\"outline\"\n            >\n              <Typo truncate>{file.name}</Typo>\n            </Button>\n          );\n        })}\n      </Flex>\n\n      {!isCallbackReady ? (\n        <Typo align=\"center\" color=\"gray\" mt=\"3\" variant=\"caption\">\n          파일 다운로드 기능이 설정되지 않았습니다.\n        </Typo>\n      ) : null}\n    </Flex>\n  );\n}\n\nexport default CurriculumFileDownload;\n\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAiC3B,SASE,KATF;AAnBJ,SAAS,uBACP,OACiB;AACjB,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,EAAE,OAAO,aAAa,MAAM,IAAI;AACtC,QAAM,EAAE,oBAAoB,IAAI,qBAAqB;AAErD,QAAM,kBAAkB,QAAQ,MAAe;AAC7C,WAAO,OAAO,wBAAwB;AAAA,EACxC,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,kBAAkB,CAAC,SAA2C;AAClE,QAAI,CAAC,qBAAqB;AACxB;AAAA,IACF;AACA,wBAAoB,MAAM,IAAI;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACC,cACC,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH,IACE;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,IAAG;AAAA,YACH,OAAO,EAAE,OAAO,QAAQ,UAAU,IAAI;AAAA,YAErC,gBAAM,IAAI,CAAC,SAAS;AACnB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU,CAAC;AAAA,kBAEX,SAAS,MAAM;AACb,oCAAgB,IAAI;AAAA,kBACtB;AAAA,kBACA,SAAQ;AAAA,kBAER,8BAAC,QAAK,UAAQ,MAAE,eAAK,MAAK;AAAA;AAAA,gBANrB,KAAK;AAAA,cAOZ;AAAA,YAEJ,CAAC;AAAA;AAAA,QACH;AAAA,QAEC,CAAC,kBACA,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,IAAG,KAAI,SAAQ,WAAU,+HAE3D,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mCAAQ;","names":[]}