@tipp/ui 2.3.19 → 2.3.21

package/dist/molecules/index.cjs

@@ -4842,7 +4842,10 @@ function HeadingLabel(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
 }
 function CaptionLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption", weight: "bold" }, props), { children: props.children }));
+}
+function BodyLabel(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typo, __spreadProps(__spreadValues({ variant: "body", weight: "bold" }, props), { children: props.children }));
 }
 var Label2 = (0, import_react35.forwardRef)(
   (_a, ref) => {
@@ -4855,7 +4858,7 @@ var Label2 = (0, import_react35.forwardRef)(
           return CaptionLabel;
         case "body":
         default:
-          return Typo;
+          return BodyLabel;
       }
     }, [variant]);
     const fieldProps = (0, import_react35.useContext)(FieldContext);
@@ -5132,10 +5135,14 @@ function scrollToFirstError(errors, _fields) {
   if (!firstErrorFieldName) return;
   let fieldElement = document.querySelector(`[name="${firstErrorFieldName}"]`);
   if (!fieldElement) {
-    fieldElement = document.querySelector(`[data-field-name="${firstErrorFieldName}"]`);
+    fieldElement = document.querySelector(
+      `[data-field-name="${firstErrorFieldName}"]`
+    );
   }
   if (!fieldElement) {
-    fieldElement = document.querySelector(`[data-error-field="${firstErrorFieldName}"]`);
+    fieldElement = document.querySelector(
+      `[data-error-field="${firstErrorFieldName}"]`
+    );
   }
   if (fieldElement) {
     fieldElement.scrollIntoView({
@@ -5164,7 +5171,10 @@ function DynamicFormRoot({
         if (field.type === "choices") {
           schema[field.name] = Yup2.array().min(1, `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`).required(`${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
         } else if (field.type === "yes_no") {
-          schema[field.name] = Yup2.boolean().oneOf([true], `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+          schema[field.name] = Yup2.boolean().oneOf(
+            [true],
+            `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`
+          );
         } else {
           schema[field.name] = Yup2.string().required(
             `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
@@ -5174,9 +5184,12 @@ function DynamicFormRoot({
     });
     return Object.keys(schema).length > 0 ? Yup2.object(schema) : void 0;
   }, [fields]);
-  const handleSubmit = (0, import_react39.useCallback)((values) => __async(null, null, function* () {
-    yield onSubmit(values);
-  }), [onSubmit]);
+  const handleSubmit = (0, import_react39.useCallback)(
+    (values) => __async(null, null, function* () {
+      yield onSubmit(values);
+    }),
+    [onSubmit]
+  );
   const formik = (0, import_formik2.useFormik)({
     initialValues: fields.reduce((acc, field) => {
       if (field.type === "choices") {
@@ -5203,7 +5216,16 @@ function DynamicFormRoot({
       };
     }
   }, [formik.submitCount, formik.errors, fields]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DynamicFormProvider, { fields, formStyle, formik, readonly, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    DynamicFormProvider,
+    {
+      fields,
+      formStyle,
+      formik,
+      readonly,
+      children
+    }
+  );
 }
 function DynamicFormFieldList({
   fields: fieldsProp,
@@ -5228,8 +5250,8 @@ function DynamicFormFieldList({
             name: field.name,
             required: field.required,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DynamicFormField, { field }),
-              field.description && field.type !== "yes_no" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typo, { color: "gray", variant: "caption", children: field.description }) : null
+              field.description && field.type !== "yes_no" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typo, { variant: "caption", children: field.description }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DynamicFormField, { field })
             ]
           }
         )
@@ -5307,11 +5329,19 @@ function createYupValidation(field, validation) {
   }
   if (field.required) {
     if (field.type === "yes_no") {
-      schema = schema.oneOf([true], validation.message || `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+      schema = schema.oneOf(
+        [true],
+        validation.message || `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`
+      );
     } else if (field.type === "choices") {
-      schema = schema.min(1, validation.message || `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`);
+      schema = schema.min(
+        1,
+        validation.message || `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
     } else {
-      schema = schema.required(validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+      schema = schema.required(
+        validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+      );
     }
   }
   return schema;
@@ -5569,7 +5599,7 @@ function TrainingInfoGuidelineItem({
     return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       TrainingInfoGuidelineButton,
       {
-        description: value.filename,
+        description: "\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC",
         icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons8.FileTextIcon, {}),
         onClick: () => {
           onClickFileDownload({ url: value.url, filename: value.filename });
@@ -5583,7 +5613,7 @@ function TrainingInfoGuidelineItem({
       /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         TrainingInfoGuidelineButton,
         {
-          description: "\uC601\uC0C1",
+          description: "\uC601\uC0C1 \uC790\uB8CC",
           icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons8.VideoIcon, {}),
           title: value.videoTitle
         }