@tipp/ui 2.3.22 → 2.3.23

package/dist/chunk-EGTOU5MK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-field-editor-panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box } from '@radix-ui/themes';\nimport { Button } from '@/atoms/button';\nimport { Card } from '@/atoms/card';\nimport { Checkbox } from '@/atoms/check-box';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Select } from '@/atoms/select';\nimport { TextArea } from '@/atoms/text-area';\nimport { TextField } from '@/atoms/text-field';\nimport { Typo } from '@/atoms/typo';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  CopyIcon,\n  PlusIcon,\n  TrashIcon,\n} from '@/icon';\nimport type {\n  DynamicFormFieldSchema,\n  FieldOption,\n  ImageFieldOption,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport {\n  getFieldTypeLabel,\n  resetFieldType,\n  updateFieldCommonProps,\n  updateFieldValidation,\n  updateImageLayout,\n  updateImageOptions,\n  updateOptions,\n  updateOrientation,\n  updateTextPlaceholder,\n  type FieldType,\n} from './dynamic-form-editor-utils';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isFieldType(value: string, types: FieldType[]): value is FieldType {\n  return types.some((t) => t === value);\n}\n\nfunction parseOptionalNumber(value: string): number | undefined {\n  const trimmed: string = value.trim();\n  if (trimmed.length === 0) return undefined;\n  const num = Number(trimmed);\n  return Number.isFinite(num) ? num : undefined;\n}\n\nfunction getValidation(field: DynamicFormFieldSchema): ValidationRule {\n  return field.validation ? field.validation : {};\n}\n\nfunction cleanValidation(next: ValidationRule): ValidationRule | undefined {\n  const hasAny: boolean =\n    next.min !== undefined ||\n    next.max !== undefined ||\n    (typeof next.pattern === 'string' && next.pattern.trim().length > 0) ||\n    (typeof next.message === 'string' && next.message.trim().length > 0);\n  return hasAny ? next : undefined;\n}\n\nfunction moveItem<T>(items: T[], fromIndex: number, toIndex: number): T[] {\n  if (fromIndex < 0 || fromIndex >= items.length) return items;\n  if (toIndex < 0 || toIndex >= items.length) return items;\n  if (fromIndex === toIndex) return items;\n  const next: T[] = [...items];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\nfunction getOptionDrafts(field: DynamicFormFieldSchema): { label: string; value: string }[] {\n  const raw: unknown = field.options;\n  if (!Array.isArray(raw)) return [];\n  return raw\n    .map((o): { label: string; value: string } | null => {\n      if (!isRecord(o)) return null;\n      const label = typeof o.label === 'string' ? o.label : '';\n      const valueRaw = o.value;\n      const value =\n        typeof valueRaw === 'string' || typeof valueRaw === 'number'\n          ? String(valueRaw)\n          : '';\n      return { label, value };\n    })\n    .filter((v): v is { label: string; value: string } => v !== null);\n}\n\nfunction getImageOptionDrafts(field: DynamicFormFieldSchema): {\n  label: string;\n  value: string;\n  imageSrc: string;\n  alt?: string;\n}[] {\n  const raw: unknown = field.options;\n  if (!Array.isArray(raw)) return [];\n  return raw\n    .map(\n      (\n        o\n      ):\n        | { label: string; value: string; imageSrc: string; alt?: string }\n        | null => {\n        if (!isRecord(o)) return null;\n        const label = typeof o.label === 'string' ? o.label : '';\n        const valueRaw = o.value;\n        const value =\n          typeof valueRaw === 'string' || typeof valueRaw === 'number'\n            ? String(valueRaw)\n            : '';\n        const imageSrc = typeof o.imageSrc === 'string' ? o.imageSrc : '';\n        const alt = typeof o.alt === 'string' ? o.alt : undefined;\n        return { label, value, imageSrc, ...(alt ? { alt } : {}) };\n      }\n    )\n    .filter(\n      (\n        v\n      ): v is { label: string; value: string; imageSrc: string; alt?: string } =>\n        v !== null\n    );\n}\n\nfunction toFieldOptions(options: { label: string; value: string }[]): FieldOption[] {\n  return options.map((o) => ({ label: o.label, value: o.value }));\n}\n\nfunction toImageFieldOptions(\n  options: { label: string; value: string; imageSrc: string; alt?: string }[]\n): ImageFieldOption[] {\n  return options.map((o) => ({\n    label: o.label,\n    value: o.value,\n    imageSrc: o.imageSrc,\n    ...(o.alt !== undefined ? { alt: o.alt } : {}),\n  }));\n}\n\nexport interface DynamicFormEditorFieldEditorPanelProps {\n  field: DynamicFormFieldSchema | null;\n  fieldIndex: number;\n  fields: DynamicFormFieldSchema[];\n  readonly: boolean;\n  fieldTypes: FieldType[];\n  onRenameField: (nextName: string) => void;\n  onUpdateField: (nextField: DynamicFormFieldSchema) => void;\n  onDeleteField: () => void;\n  onMoveField: (direction: 'up' | 'down') => void;\n  onDuplicateField: () => void;\n}\n\nexport function DynamicFormEditorFieldEditorPanel(\n  props: DynamicFormEditorFieldEditorPanelProps\n): React.ReactElement {\n  const {\n    field,\n    fieldIndex,\n    fields,\n    readonly,\n    fieldTypes,\n    onRenameField,\n    onUpdateField,\n    onDeleteField,\n    onMoveField,\n    onDuplicateField,\n  } = props;\n\n  const canMoveUp: boolean = fieldIndex > 0;\n  const canMoveDown: boolean = fieldIndex >= 0 && fieldIndex < fields.length - 1;\n\n  const placeholderValue: string = useMemo(() => {\n    if (!field) return '';\n    return String(field.placeholder || '');\n  }, [field]);\n\n  return (\n    <Card style={{ flex: 1, minWidth: 520, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"4\">\n        <Flex align=\"center\" justify=\"between\">\n          <Typo variant=\"body\">필드 편집</Typo>\n          <Flex align=\"center\" gap=\"1\">\n            <IconButton\n              aria-label=\"필드 위로\"\n              disabled={readonly || !field || !canMoveUp}\n              onClick={(): void => { onMoveField('up'); }}\n              variant=\"soft\"\n            >\n              <ChevronUpIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 아래로\"\n              disabled={readonly || !field || !canMoveDown}\n              onClick={(): void => { onMoveField('down'); }}\n              variant=\"soft\"\n            >\n              <ChevronDownIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 복제\"\n              disabled={readonly || !field}\n              onClick={onDuplicateField}\n              variant=\"soft\"\n            >\n              <CopyIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 삭제\"\n              disabled={readonly || !field}\n              onClick={onDeleteField}\n              variant=\"soft\"\n            >\n              <TrashIcon />\n            </IconButton>\n          </Flex>\n        </Flex>\n\n        {!field ? (\n          <Typo color=\"gray\" variant=\"caption\">\n            왼쪽에서 필드를 선택하세요.\n          </Typo>\n        ) : (\n          <Flex direction=\"column\" gap=\"3\">\n            <Flex align=\"end\" gap=\"2\">\n              <Box style={{ flex: 1 }}>\n                <Typo variant=\"caption\">name</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => { onRenameField(e.target.value); }}\n                  value={field.name}\n                />\n              </Box>\n              <Box style={{ flex: 1 }}>\n                <Typo variant=\"caption\">label</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => {\n                    onUpdateField(updateFieldCommonProps(field, { label: e.target.value }));\n                  }}\n                  value={field.label}\n                />\n              </Box>\n            </Flex>\n\n            <Flex align=\"center\" gap=\"2\">\n              <Select.Root\n                disabled={readonly}\n                onValueChange={(v: string): void => {\n                  if (!isFieldType(v, fieldTypes)) return;\n                  onUpdateField(resetFieldType(field, v, fields));\n                }}\n                value={field.type}\n              >\n                <Select.Trigger style={{ minWidth: 220 }} />\n                <Select.Content>\n                  {fieldTypes.map((t) => (\n                    <Select.Item key={t} value={t}>\n                      {getFieldTypeLabel(t)}\n                    </Select.Item>\n                  ))}\n                </Select.Content>\n              </Select.Root>\n\n              <Flex align=\"center\" gap=\"2\">\n                <Checkbox\n                  checked={Boolean(field.required)}\n                  disabled={readonly}\n                  onCheckedChange={(checked: boolean): void => {\n                    onUpdateField(updateFieldCommonProps(field, { required: checked }));\n                  }}\n                />\n                <Typo variant=\"caption\">필수</Typo>\n              </Flex>\n            </Flex>\n\n            <Box>\n              <Typo variant=\"caption\">description</Typo>\n              <TextArea\n                disabled={readonly}\n                onChange={(e): void => {\n                  onUpdateField(\n                    updateFieldCommonProps(field, { description: e.target.value })\n                  );\n                }}\n                rows={3}\n                value={field.description || ''}\n              />\n            </Box>\n\n            {field.type === 'short_text' ||\n            field.type === 'long_text' ||\n            field.type === 'number' ||\n            field.type === 'email' ||\n            field.type === 'dropdown' ? (\n              <Box>\n                <Typo variant=\"caption\">placeholder</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => {\n                    onUpdateField(updateTextPlaceholder(field, e.target.value));\n                  }}\n                  value={placeholderValue}\n                />\n              </Box>\n            ) : null}\n\n            {field.type === 'choice' || field.type === 'choices' ? (\n              <Box>\n                <Typo variant=\"caption\">orientation</Typo>\n                <Select.Root\n                  disabled={readonly}\n                  onValueChange={(v: string): void => {\n                    const nextOrientation: 'horizontal' | 'vertical' =\n                      v === 'horizontal' ? 'horizontal' : 'vertical';\n                    onUpdateField(updateOrientation(field, nextOrientation));\n                  }}\n                  value={field.orientation || 'vertical'}\n                >\n                  <Select.Trigger style={{ minWidth: 220 }} />\n                  <Select.Content>\n                    <Select.Item value=\"vertical\">vertical</Select.Item>\n                    <Select.Item value=\"horizontal\">horizontal</Select.Item>\n                  </Select.Content>\n                </Select.Root>\n              </Box>\n            ) : null}\n\n            {field.type === 'dropdown' ||\n            field.type === 'choice' ||\n            field.type === 'radio_cards' ||\n            field.type === 'choices' ? (\n              <Card style={{ padding: 12 }}>\n                <Flex direction=\"column\" gap=\"2\">\n                  <Flex align=\"center\" justify=\"between\">\n                    <Typo variant=\"caption\">options</Typo>\n                    <Button\n                      disabled={readonly}\n                      onClick={(): void => {\n                        const drafts = getOptionDrafts(field);\n                        const nextDrafts = [\n                          ...drafts,\n                          {\n                            label: `옵션 ${drafts.length + 1}`,\n                            value: `option${drafts.length + 1}`,\n                          },\n                        ];\n                        onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                      }}\n                      size=\"small\"\n                      variant=\"soft\"\n                    >\n                      <PlusIcon /> 추가\n                    </Button>\n                  </Flex>\n\n                  {getOptionDrafts(field).map((opt, i) => (\n                    <Flex align=\"end\" gap=\"2\" key={`${opt.value}-${opt.label}`}>\n                      <Box style={{ flex: 1 }}>\n                        <Typo variant=\"caption\">label</Typo>\n                        <TextField.Root\n                          disabled={readonly}\n                          onChange={(e): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.map((d, idx) =>\n                              idx === i ? { ...d, label: e.target.value } : d\n                            );\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          value={opt.label}\n                        />\n                      </Box>\n                      <Box style={{ flex: 1 }}>\n                        <Typo variant=\"caption\">value</Typo>\n                        <TextField.Root\n                          disabled={readonly}\n                          onChange={(e): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.map((d, idx) =>\n                              idx === i ? { ...d, value: e.target.value } : d\n                            );\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          value={opt.value}\n                        />\n                      </Box>\n                      <Flex gap=\"1\">\n                        <IconButton\n                          aria-label=\"옵션 위로\"\n                          disabled={readonly || i === 0}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = moveItem(drafts, i, i - 1);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <ChevronUpIcon />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"옵션 아래로\"\n                          disabled={readonly || i === getOptionDrafts(field).length - 1}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = moveItem(drafts, i, i + 1);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <ChevronDownIcon />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"옵션 삭제\"\n                          disabled={readonly}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.filter((_, idx) => idx !== i);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <TrashIcon />\n                        </IconButton>\n                      </Flex>\n                    </Flex>\n                  ))}\n                </Flex>\n              </Card>\n            ) : null}\n\n            {field.type === 'image_radio_card' ? (\n              <Card style={{ padding: 12 }}>\n                <Flex direction=\"column\" gap=\"3\">\n                  <Flex align=\"center\" justify=\"between\">\n                    <Typo variant=\"caption\">image options</Typo>\n                    <Button\n                      disabled={readonly}\n                      onClick={(): void => {\n                        const drafts = getImageOptionDrafts(field);\n                        const nextDrafts = [\n                          ...drafts,\n                          {\n                            label: `이미지 ${drafts.length + 1}`,\n                            value: `option${drafts.length + 1}`,\n                            imageSrc: 'https://placehold.co/300x300/png?text=new',\n                          },\n                        ];\n                        onUpdateField(updateImageOptions(field, toImageFieldOptions(nextDrafts)));\n                      }}\n                      size=\"small\"\n                      variant=\"soft\"\n                    >\n                      <PlusIcon /> 추가\n                    </Button>\n                  </Flex>\n\n                  {getImageOptionDrafts(field).map((opt, i) => (\n                    <Card\n                      key={`${opt.value}-${opt.label}-${opt.imageSrc}`}\n                      style={{ padding: 10 }}\n                    >\n                      <Flex direction=\"column\" gap=\"2\">\n                        <Flex align=\"end\" gap=\"2\">\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">label</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, label: e.target.value } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.label}\n                            />\n                          </Box>\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">value</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, value: e.target.value } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.value}\n                            />\n                          </Box>\n                        </Flex>\n\n                        <Box>\n                          <Typo variant=\"caption\">imageSrc</Typo>\n                          <TextField.Root\n                            disabled={readonly}\n                            onChange={(e): void => {\n                              const drafts = getImageOptionDrafts(field);\n                              const nextDrafts = drafts.map((d, idx) =>\n                                idx === i ? { ...d, imageSrc: e.target.value } : d\n                              );\n                              onUpdateField(\n                                updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                              );\n                            }}\n                            value={opt.imageSrc}\n                          />\n                        </Box>\n\n                        <Flex align=\"end\" gap=\"2\">\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">alt</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextAlt =\n                                  e.target.value.trim().length === 0 ? undefined : e.target.value;\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, alt: nextAlt } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.alt || ''}\n                            />\n                          </Box>\n                          <IconButton\n                            aria-label=\"이미지 옵션 삭제\"\n                            disabled={readonly}\n                            onClick={(): void => {\n                              const drafts = getImageOptionDrafts(field);\n                              const nextDrafts = drafts.filter((_, idx) => idx !== i);\n                              onUpdateField(\n                                updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                              );\n                            }}\n                            variant=\"soft\"\n                          >\n                            <TrashIcon />\n                          </IconButton>\n                        </Flex>\n                      </Flex>\n                    </Card>\n                  ))}\n\n                  <Flex gap=\"2\">\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridColumnsCount</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        inputMode=\"numeric\"\n                        onChange={(e): void => {\n                          onUpdateField(\n                            updateImageLayout(field, {\n                              gridColumnsCount: parseOptionalNumber(e.target.value),\n                            })\n                          );\n                        }}\n                        value={String(field.gridColumnsCount || '')}\n                      />\n                    </Box>\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridItemHeight</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        onChange={(e): void => {\n                          onUpdateField(\n                            updateImageLayout(field, { gridItemHeight: e.target.value })\n                          );\n                        }}\n                        value={String(field.gridItemHeight || '')}\n                      />\n                    </Box>\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridGap</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        onChange={(e): void => {\n                          onUpdateField(updateImageLayout(field, { gridGap: e.target.value }));\n                        }}\n                        value={String(field.gridGap || '')}\n                      />\n                    </Box>\n                  </Flex>\n\n                  <Box>\n                    <Typo variant=\"caption\">imageFit</Typo>\n                    <Select.Root\n                      disabled={readonly}\n                      onValueChange={(v: string): void => {\n                        const nextFit: 'cover' | 'contain' =\n                          v === 'contain' ? 'contain' : 'cover';\n                        onUpdateField(updateImageLayout(field, { imageFit: nextFit }));\n                      }}\n                      value={field.imageFit || 'cover'}\n                    >\n                      <Select.Trigger style={{ minWidth: 220 }} />\n                      <Select.Content>\n                        <Select.Item value=\"cover\">cover</Select.Item>\n                        <Select.Item value=\"contain\">contain</Select.Item>\n                      </Select.Content>\n                    </Select.Root>\n                  </Box>\n                </Flex>\n              </Card>\n            ) : null}\n\n            <Card style={{ padding: 12 }}>\n              <Flex direction=\"column\" gap=\"2\">\n                <Typo variant=\"caption\">validation</Typo>\n                <Flex gap=\"2\">\n                  <Box style={{ flex: 1 }}>\n                    <Typo variant=\"caption\">min</Typo>\n                    <TextField.Root\n                      disabled={readonly}\n                      inputMode=\"numeric\"\n                      onChange={(e): void => {\n                        const current = getValidation(field);\n                        const next = cleanValidation({\n                          ...current,\n                          min: parseOptionalNumber(e.target.value),\n                        });\n                        onUpdateField(updateFieldValidation(field, next));\n                      }}\n                      value={getValidation(field).min !== undefined ? String(getValidation(field).min) : ''}\n                    />\n                  </Box>\n                  <Box style={{ flex: 1 }}>\n                    <Typo variant=\"caption\">max</Typo>\n                    <TextField.Root\n                      disabled={readonly}\n                      inputMode=\"numeric\"\n                      onChange={(e): void => {\n                        const current = getValidation(field);\n                        const next = cleanValidation({\n                          ...current,\n                          max: parseOptionalNumber(e.target.value),\n                        });\n                        onUpdateField(updateFieldValidation(field, next));\n                      }}\n                      value={getValidation(field).max !== undefined ? String(getValidation(field).max) : ''}\n                    />\n                  </Box>\n                </Flex>\n\n                <Box>\n                  <Typo variant=\"caption\">pattern</Typo>\n                  <TextField.Root\n                    disabled={readonly}\n                    onChange={(e): void => {\n                      const current = getValidation(field);\n                      const next = cleanValidation({ ...current, pattern: e.target.value });\n                      onUpdateField(updateFieldValidation(field, next));\n                    }}\n                    value={String(getValidation(field).pattern || '')}\n                  />\n                </Box>\n\n                <Box>\n                  <Typo variant=\"caption\">message</Typo>\n                  <TextField.Root\n                    disabled={readonly}\n                    onChange={(e): void => {\n                      const current = getValidation(field);\n                      const next = cleanValidation({ ...current, message: e.target.value });\n                      onUpdateField(updateFieldValidation(field, next));\n                    }}\n                    value={String(getValidation(field).message || '')}\n                  />\n                </Box>\n              </Flex>\n            </Card>\n          </Flex>\n        )}\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":"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","names":[]}

package/dist/chunk-EJAC46WB.js

@@ -0,0 +1,39 @@
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/dynamic-form-editor-issues-panel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormEditorIssuesPanel(props) {
+  const { issues } = props;
+  if (issues.length === 0) return null;
+  return /* @__PURE__ */ jsx(Card, { style: { padding: 12 }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ jsx(Typo, { variant: "caption", children: "\uC2A4\uD0A4\uB9C8 \uC774\uC288" }),
+    issues.map((i) => /* @__PURE__ */ jsxs(
+      Typo,
+      {
+        color: i.level === "error" ? "red" : "gray",
+        variant: "caption",
+        children: [
+          "[",
+          i.level,
+          "] ",
+          i.message,
+          i.fieldName ? ` (field: ${i.fieldName})` : ""
+        ]
+      },
+      i.id
+    ))
+  ] }) });
+}
+
+export {
+  DynamicFormEditorIssuesPanel
+};
+//# sourceMappingURL=chunk-EJAC46WB.js.map

package/dist/chunk-EJAC46WB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-issues-panel.tsx"],"sourcesContent":["import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type { SchemaIssue } from './dynamic-form-editor-utils';\n\nexport interface DynamicFormEditorIssuesPanelProps {\n  issues: SchemaIssue[];\n}\n\nexport function DynamicFormEditorIssuesPanel(\n  props: DynamicFormEditorIssuesPanelProps\n): React.ReactElement | null {\n  const { issues } = props;\n  if (issues.length === 0) return null;\n\n  return (\n    <Card style={{ padding: 12 }}>\n      <Flex direction=\"column\" gap=\"2\">\n        <Typo variant=\"caption\">스키마 이슈</Typo>\n        {issues.map((i) => (\n          <Typo\n            color={i.level === 'error' ? 'red' : 'gray'}\n            key={i.id}\n            variant=\"caption\"\n          >\n            [{i.level}] {i.message}\n            {i.fieldName ? ` (field: ${i.fieldName})` : ''}\n          </Typo>\n        ))}\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":";;;;;;;;;;;AAmBQ,cAEE,YAFF;AATD,SAAS,6BACd,OAC2B;AAC3B,QAAM,EAAE,OAAO,IAAI;AACnB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SACE,oBAAC,QAAK,OAAO,EAAE,SAAS,GAAG,GACzB,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,QAAK,SAAQ,WAAU,6CAAM;AAAA,IAC7B,OAAO,IAAI,CAAC,MACX;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,UAAU,UAAU,QAAQ;AAAA,QAErC,SAAQ;AAAA,QACT;AAAA;AAAA,UACG,EAAE;AAAA,UAAM;AAAA,UAAG,EAAE;AAAA,UACd,EAAE,YAAY,YAAY,EAAE,SAAS,MAAM;AAAA;AAAA;AAAA,MAJvC,EAAE;AAAA,IAKT,CACD;AAAA,KACH,GACF;AAEJ;","names":[]}

package/dist/chunk-F2I4LA63.js

@@ -0,0 +1,51 @@
+import {
+  getCalloutIconComponent
+} from "./chunk-RXQHKSIV.js";
+import {
+  List
+} from "./chunk-JIJLOKVN.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
+
+// src/molecules/description-json-render.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DescriptionJsonRender(props) {
+  const { value } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: value.values.map((block, index) => {
+    if (block.type === "bullet-list") {
+      return (
+        // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+        /* @__PURE__ */ jsx(Box, { mb: "2", pl: "4", children: /* @__PURE__ */ jsx(List.Root, { preSpace: "small", children: block.value.map((v, i) => (
+          // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+          /* @__PURE__ */ jsx(List.Item, { children: v }, `${index}-${i}`)
+        )) }) }, `${block.type}-${index}`)
+      );
+    }
+    if (block.type === "callout") {
+      const Icon = getCalloutIconComponent(block.icon);
+      return (
+        // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+        /* @__PURE__ */ jsx(Box, { mb: "2", children: /* @__PURE__ */ jsxs(Callout.Root, { children: [
+          /* @__PURE__ */ jsx(Callout.Icon, { children: /* @__PURE__ */ jsx(Icon, {}) }),
+          /* @__PURE__ */ jsx(Callout.Text, { children: block.value })
+        ] }) }, `${block.type}-${index}`)
+      );
+    }
+    return (
+      // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+      /* @__PURE__ */ jsx(Typo, { mb: "2", weight: "regular", children: block.value }, `${block.type}-${index}`)
+    );
+  }) });
+}
+
+export {
+  DescriptionJsonRender
+};
+//# sourceMappingURL=chunk-F2I4LA63.js.map

package/dist/chunk-F2I4LA63.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/description-json-render.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Callout } from '@/atoms/call-out';\nimport { List } from '@/atoms/list';\nimport { Typo } from '@/atoms/typo';\nimport { getCalloutIconComponent } from '@/utils/get-callout-icon-component';\n\nexport type DescriptionBlockType = 'callout' | 'typo' | 'bullet-list';\n\nexport interface DescriptionCalloutBlock {\n  type: 'callout';\n  icon: string;\n  value: string;\n}\n\nexport interface DescriptionTypoBlock {\n  type: 'typo';\n  value: string;\n}\n\nexport interface DescriptionBulletListBlock {\n  type: 'bullet-list';\n  value: string[];\n}\n\nexport type DescriptionBlock =\n  | DescriptionCalloutBlock\n  | DescriptionTypoBlock\n  | DescriptionBulletListBlock;\n\nexport interface Description {\n  version: number;\n  values: DescriptionBlock[];\n}\n\nexport interface DescriptionJsonRenderProps {\n  value: Description;\n}\n\nexport function DescriptionJsonRender(\n  props: DescriptionJsonRenderProps\n): React.ReactElement {\n  const { value } = props;\n  return (\n    <>\n      {value.values.map((block, index) => {\n        if (block.type === 'bullet-list') {\n          return (\n            // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n            <Box key={`${block.type}-${index}`} mb=\"2\" pl=\"4\">\n              <List.Root preSpace=\"small\">\n                {block.value.map((v, i) => (\n                  // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n                  <List.Item key={`${index}-${i}`}>{v}</List.Item>\n                ))}\n              </List.Root>\n            </Box>\n          );\n        }\n\n        if (block.type === 'callout') {\n          const Icon = getCalloutIconComponent(block.icon);\n          return (\n            // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n            <Box key={`${block.type}-${index}`} mb=\"2\">\n              <Callout.Root>\n                <Callout.Icon>\n                  <Icon />\n                </Callout.Icon>\n                <Callout.Text>{block.value}</Callout.Text>\n              </Callout.Root>\n            </Box>\n          );\n        }\n\n        return (\n          // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n          <Typo key={`${block.type}-${index}`} mb=\"2\" weight=\"regular\">\n            {block.value}\n          </Typo>\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CI,mBASc,KAYJ,YArBV;AALG,SAAS,sBACd,OACoB;AACpB,QAAM,EAAE,MAAM,IAAI;AAClB,SACE,gCACG,gBAAM,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,QAAI,MAAM,SAAS,eAAe;AAChC;AAAA;AAAA,QAEE,oBAAC,OAAmC,IAAG,KAAI,IAAG,KAC5C,8BAAC,KAAK,MAAL,EAAU,UAAS,SACjB,gBAAM,MAAM,IAAI,CAAC,GAAG;AAAA;AAAA,UAEnB,oBAAC,KAAK,MAAL,EAAiC,eAAlB,GAAG,KAAK,IAAI,CAAC,EAAO;AAAA,SACrC,GACH,KANQ,GAAG,MAAM,IAAI,IAAI,KAAK,EAOhC;AAAA;AAAA,IAEJ;AAEA,QAAI,MAAM,SAAS,WAAW;AAC5B,YAAM,OAAO,wBAAwB,MAAM,IAAI;AAC/C;AAAA;AAAA,QAEE,oBAAC,OAAmC,IAAG,KACrC,+BAAC,QAAQ,MAAR,EACC;AAAA,8BAAC,QAAQ,MAAR,EACC,8BAAC,QAAK,GACR;AAAA,UACA,oBAAC,QAAQ,MAAR,EAAc,gBAAM,OAAM;AAAA,WAC7B,KANQ,GAAG,MAAM,IAAI,IAAI,KAAK,EAOhC;AAAA;AAAA,IAEJ;AAEA;AAAA;AAAA,MAEE,oBAAC,QAAoC,IAAG,KAAI,QAAO,WAChD,gBAAM,SADE,GAAG,MAAM,IAAI,IAAI,KAAK,EAEjC;AAAA;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/chunk-F65P7KZI.js

@@ -0,0 +1,98 @@
+import {
+  sidebar_item_default
+} from "./chunk-W3EW7K6L.js";
+import {
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  Tabs
+} from "./chunk-5ZITU5L7.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TAB_LIST = [
+  {
+    label: "\uAC15\uC758 \uBAA9\uCC28",
+    value: "curriculum"
+  }
+];
+var TABS_LIST_STYLE = {
+  padding: "0 var(--space-3)"
+};
+var TABS_CONTENT_STYLE = {
+  position: "absolute",
+  height: "100%",
+  width: "100%"
+};
+function CurriculumSidebar() {
+  const {
+    curriculum,
+    selectedIndex,
+    setSelectedIndex,
+    scrollAreaRef,
+    curriculumCompleteMap,
+    customTabs
+  } = useCurriculumContext();
+  const list = curriculum.contents.list;
+  const tabList = useMemo(() => {
+    return [...TAB_LIST, ...customTabs != null ? customTabs : []];
+  }, [customTabs]);
+  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
+    /* @__PURE__ */ jsx(Tabs.List, { style: TABS_LIST_STYLE, children: tabList.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        height: "100%",
+        overflowY: "auto",
+        position: "relative",
+        ref: scrollAreaRef,
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsxs(
+            Tabs.Content,
+            {
+              style: TABS_CONTENT_STYLE,
+              value: TAB_LIST[0].value,
+              children: [
+                list.map((item, index) => /* @__PURE__ */ jsx(
+                  sidebar_item_default,
+                  {
+                    done: curriculumCompleteMap[item.uuid],
+                    index,
+                    item,
+                    selectedIndex,
+                    setSelectedIndex
+                  },
+                  item.uuid
+                )),
+                /* @__PURE__ */ jsx(Box, { height: "150px" })
+              ]
+            },
+            TAB_LIST[0].value
+          ),
+          customTabs == null ? void 0 : customTabs.map((tab) => /* @__PURE__ */ jsx(
+            Tabs.Content,
+            {
+              style: TABS_CONTENT_STYLE,
+              value: tab.value,
+              children: tab.content
+            },
+            tab.value
+          ))
+        ]
+      }
+    )
+  ] }) });
+}
+
+export {
+  CurriculumSidebar
+};
+//# sourceMappingURL=chunk-F65P7KZI.js.map

package/dist/chunk-F65P7KZI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Tabs } from '@/atoms/tabs';\nimport { useCurriculumContext } from '../curriculum-context';\nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n  {\n    label: '강의 목차',\n    value: 'curriculum',\n  },\n];\n\nconst TABS_LIST_STYLE: React.CSSProperties = {\n  padding: '0 var(--space-3)',\n};\n\nconst TABS_CONTENT_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  height: '100%',\n  width: '100%',\n};\n\n\nexport function CurriculumSidebar(): React.ReactNode {\n  const {\n    curriculum,\n    selectedIndex,\n    setSelectedIndex,\n    scrollAreaRef,\n    curriculumCompleteMap,\n    customTabs,\n  } = useCurriculumContext();\n  const list = curriculum.contents.list;\n\n  const tabList = useMemo(() => {\n    return [...TAB_LIST, ...(customTabs ?? [])];\n  }, [customTabs]);\n\n  return (\n    <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n      <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n        <Tabs.List style={TABS_LIST_STYLE}>\n          {tabList.map((tab) => (\n            <Tabs.Trigger key={tab.value} value={tab.value}>\n              {tab.label}\n            </Tabs.Trigger>\n          ))}\n        </Tabs.List>\n        <Box\n          height=\"100%\"\n          overflowY=\"auto\"\n          position=\"relative\"\n          ref={scrollAreaRef}\n          width=\"100%\"\n        >\n          <Tabs.Content\n            key={TAB_LIST[0].value}\n            style={TABS_CONTENT_STYLE}\n            value={TAB_LIST[0].value}\n          >\n            {list.map((item, index) => (\n              <SidebarItem\n                done={curriculumCompleteMap[item.uuid]}\n                index={index}\n                item={item}\n                key={item.uuid}\n                selectedIndex={selectedIndex}\n                setSelectedIndex={setSelectedIndex}\n              />\n            ))}\n            <Box height=\"150px\" />\n          </Tabs.Content>\n          {customTabs?.map((tab) => (\n            <Tabs.Content\n              key={tab.value}\n              style={TABS_CONTENT_STYLE}\n              value={tab.value}\n            >\n              {tab.content}\n            </Tabs.Content>\n          ))}\n        </Box>\n      </Grid>\n    </Tabs.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AA6CnB,cAYF,YAZE;AAtCZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEA,IAAM,kBAAuC;AAAA,EAC3C,SAAS;AACX;AAEA,IAAM,qBAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AACT;AAGO,SAAS,oBAAqC;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,OAAO,WAAW,SAAS;AAEjC,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,CAAC,GAAG,UAAU,GAAI,kCAAc,CAAC,CAAE;AAAA,EAC5C,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,iBACf,kBAAQ,IAAI,CAAC,QACZ,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,OAAO;AAAA,cACP,OAAO,SAAS,CAAC,EAAE;AAAA,cAElB;AAAA,qBAAK,IAAI,CAAC,MAAM,UACf;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,sBAAsB,KAAK,IAAI;AAAA,oBACrC;AAAA,oBACA;AAAA,oBAEA;AAAA,oBACA;AAAA;AAAA,kBAFK,KAAK;AAAA,gBAGZ,CACD;AAAA,gBACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,YAdf,SAAS,CAAC,EAAE;AAAA,UAenB;AAAA,UACC,yCAAY,IAAI,CAAC,QAChB;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,OAAO;AAAA,cACP,OAAO,IAAI;AAAA,cAEV,cAAI;AAAA;AAAA,YAJA,IAAI;AAAA,UAKX;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-F76YKHGP.js

@@ -0,0 +1,245 @@
+import {
+  DynamicFormField
+} from "./chunk-6YZBHOXQ.js";
+import {
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-4U6DFH7Z.js";
+import {
+  Form
+} from "./chunk-QDC3LFHS.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form.tsx
+import { useMemo, useCallback, useEffect } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { Box } from "@radix-ui/themes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function scrollToFirstError(errors, _fields) {
+  const firstErrorFieldName = Object.keys(errors)[0];
+  if (!firstErrorFieldName) return;
+  let fieldElement = document.querySelector(`[name="${firstErrorFieldName}"]`);
+  if (!fieldElement) {
+    fieldElement = document.querySelector(
+      `[data-field-name="${firstErrorFieldName}"]`
+    );
+  }
+  if (!fieldElement) {
+    fieldElement = document.querySelector(
+      `[data-error-field="${firstErrorFieldName}"]`
+    );
+  }
+  if (fieldElement) {
+    fieldElement.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }
+}
+function DynamicFormRoot({
+  fields,
+  initialValues = {},
+  onSubmit,
+  children,
+  readonly = false,
+  formStyle
+}) {
+  const validationSchema = useMemo(() => {
+    const schema = {};
+    fields.forEach((field) => {
+      if (field.validation) {
+        const validation = createYupValidation(field, field.validation);
+        if (validation) {
+          schema[field.name] = validation;
+        }
+      } else if (field.required) {
+        if (field.type === "choices") {
+          schema[field.name] = Yup.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] = Yup.boolean().oneOf(
+            [true],
+            `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`
+          );
+        } else {
+          schema[field.name] = Yup.string().required(
+            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+          );
+        }
+      }
+    });
+    return Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
+  }, [fields]);
+  const handleSubmit = useCallback(
+    (values) => __async(null, null, function* () {
+      yield onSubmit(values);
+    }),
+    [onSubmit]
+  );
+  const formik = useFormik({
+    initialValues: fields.reduce((acc, field) => {
+      if (field.type === "choices") {
+        acc[field.name] = initialValues[field.name] || [];
+      } else if (field.type === "yes_no") {
+        acc[field.name] = initialValues[field.name] || false;
+      } else {
+        acc[field.name] = initialValues[field.name] || "";
+      }
+      return acc;
+    }, {}),
+    validationSchema,
+    validateOnBlur: true,
+    validateOnChange: true,
+    onSubmit: handleSubmit
+  });
+  useEffect(() => {
+    if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {
+      const timeoutId = setTimeout(() => {
+        scrollToFirstError(formik.errors, fields);
+      }, 100);
+      return () => {
+        clearTimeout(timeoutId);
+      };
+    }
+  }, [formik.submitCount, formik.errors, fields]);
+  return /* @__PURE__ */ jsx(
+    DynamicFormProvider,
+    {
+      fields,
+      formStyle,
+      formik,
+      readonly,
+      children
+    }
+  );
+}
+function DynamicFormFieldList({
+  fields: fieldsProp,
+  labelVariant
+}) {
+  const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();
+  const fields = fieldsProp || fieldsFromContext;
+  return /* @__PURE__ */ jsx(Fragment, { children: fields.map((field) => {
+    const errorMessage = !readonly && formik.touched[field.name] && formik.errors[field.name] ? String(formik.errors[field.name]) : void 0;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        "data-error-field": errorMessage ? field.name : void 0,
+        "data-field-name": field.name,
+        mb: "2",
+        children: /* @__PURE__ */ jsxs(
+          Form.FormItem,
+          {
+            errorMessage,
+            label: field.label,
+            labelVariant,
+            name: field.name,
+            required: field.required,
+            children: [
+              field.description && field.type !== "yes_no" ? /* @__PURE__ */ jsx(Typo, { variant: "caption", children: field.description }) : null,
+              /* @__PURE__ */ jsx(DynamicFormField, { field })
+            ]
+          }
+        )
+      },
+      field.name
+    );
+  }) });
+}
+var DynamicForm = {
+  Root: DynamicFormRoot,
+  FieldList: DynamicFormFieldList
+};
+function createYupValidation(field, validation) {
+  if (!validation) return void 0;
+  let schema;
+  if (field.type === "number") {
+    schema = Yup.number();
+  } else if (field.type === "email") {
+    schema = Yup.string().email(
+      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+    );
+  } else if (field.type === "choices") {
+    schema = Yup.array();
+  } else if (field.type === "yes_no") {
+    schema = Yup.boolean();
+  } else {
+    schema = Yup.string();
+  }
+  if (validation.min !== void 0) {
+    if (field.type === "number") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
+    } else if (field.type === "yes_no") {
+    } else {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.max !== void 0) {
+    if (field.type === "number") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "yes_no") {
+    } else {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.pattern) {
+    if (field.type === "yes_no") {
+    } else {
+      schema = schema.matches(
+        new RegExp(validation.pattern),
+        validation.message || "\uC62C\uBC14\uB978 \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+      );
+    }
+  }
+  if (field.required) {
+    if (field.type === "yes_no") {
+      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`
+      );
+    } else {
+      schema = schema.required(
+        validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+      );
+    }
+  }
+  return schema;
+}
+
+export {
+  DynamicForm,
+  createYupValidation
+};
+//# sourceMappingURL=chunk-F76YKHGP.js.map

package/dist/chunk-F76YKHGP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms/typo';\nimport {\n  DynamicFormProvider,\n  useDynamicForm,\n} from '@/context/dynamic-form-context';\nimport type {\n  DynamicFormFieldSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  children: React.ReactNode;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\n/**\n * 첫 번째 에러 필드로 스크롤하는 함수\n */\nfunction scrollToFirstError(\n  errors: Record<string, unknown>,\n  _fields: DynamicFormFieldSchema[]\n): void {\n  const firstErrorFieldName = Object.keys(errors)[0];\n  if (!firstErrorFieldName) return;\n\n  // 해당 필드의 DOM 요소를 찾기 (여러 선택자 시도)\n  let fieldElement = document.querySelector(`[name=\"${firstErrorFieldName}\"]`);\n\n  // input 요소를 찾지 못한 경우, 해당 필드의 컨테이너를 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(\n      `[data-field-name=\"${firstErrorFieldName}\"]`\n    );\n  }\n\n  // 여전히 찾지 못한 경우, FormItem의 에러 메시지 영역을 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(\n      `[data-error-field=\"${firstErrorFieldName}\"]`\n    );\n  }\n\n  if (fieldElement) {\n    fieldElement.scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n    });\n  }\n}\n\nfunction DynamicFormRoot({\n  fields,\n  initialValues = {},\n  onSubmit,\n  children,\n  readonly = false,\n  formStyle,\n}: DynamicFormProps): React.ReactElement {\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        const validation = createYupValidation(field, field.validation);\n        if (validation) {\n          schema[field.name] = validation;\n        }\n      } else if (field.required) {\n        // choices 타입은 배열 스키마로 처리\n        if (field.type === 'choices') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else if (field.type === 'yes_no') {\n          // yes_no 타입은 boolean 스키마로 처리\n          schema[field.name] = Yup.boolean().oneOf(\n            [true],\n            `${field.label}에 동의해주세요`\n          );\n        } else {\n          // choice, radio_cards, dropdown, short_text, long_text, number, email 타입은 문자열 스키마로 처리\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    return Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n  }, [fields]);\n\n  const handleSubmit = useCallback(\n    async (values: Record<string, unknown>) => {\n      await onSubmit(values);\n    },\n    [onSubmit]\n  );\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'choices') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'yes_no') {\n        acc[field.name] = initialValues[field.name] || false;\n      } else {\n        acc[field.name] = initialValues[field.name] || '';\n      }\n      return acc;\n    }, {}),\n    validationSchema,\n    validateOnBlur: true,\n    validateOnChange: true,\n    onSubmit: handleSubmit,\n  });\n\n  // submit 시 validation 에러가 있으면 첫 번째 에러 필드로 스크롤\n  useEffect(() => {\n    if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {\n      // 약간의 지연을 두어 DOM 업데이트 후 스크롤 실행\n      const timeoutId = setTimeout(() => {\n        scrollToFirstError(formik.errors, fields);\n      }, 100);\n\n      return () => {\n        clearTimeout(timeoutId);\n      };\n    }\n  }, [formik.submitCount, formik.errors, fields]);\n\n  return (\n    <DynamicFormProvider\n      fields={fields}\n      formStyle={formStyle}\n      formik={formik}\n      readonly={readonly}\n    >\n      {children}\n    </DynamicFormProvider>\n  );\n}\n\ninterface DynamicFormFieldListProps {\n  fields?: DynamicFormFieldSchema[];\n  labelVariant?: 'title' | 'body' | 'caption';\n}\nfunction DynamicFormFieldList({\n  fields: fieldsProp,\n  labelVariant,\n}: DynamicFormFieldListProps): React.ReactElement {\n  const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();\n  const fields = fieldsProp || fieldsFromContext;\n\n  return (\n    <>\n      {fields.map((field) => {\n        const errorMessage =\n          !readonly && formik.touched[field.name] && formik.errors[field.name]\n            ? String(formik.errors[field.name])\n            : undefined;\n\n        return (\n          <Box\n            data-error-field={errorMessage ? field.name : undefined}\n            data-field-name={field.name}\n            key={field.name}\n            mb=\"2\"\n          >\n            <Form.FormItem\n              errorMessage={errorMessage}\n              label={field.label}\n              labelVariant={labelVariant}\n              name={field.name}\n              required={field.required}\n              \n            >\n              {field.description && field.type !== 'yes_no' ? (\n                <Typo variant=\"caption\">{field.description}</Typo>\n              ) : null}\n              <DynamicFormField field={field} />\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n\nexport const DynamicForm = {\n  Root: DynamicFormRoot,\n  FieldList: DynamicFormFieldList,\n};\n\nexport function createYupValidation(\n  field: DynamicFormFieldSchema,\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  // field.type을 기준으로 기본 스키마 생성\n  if (field.type === 'number') {\n    schema = Yup.number();\n  } else if (field.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (field.type === 'choices') {\n    schema = Yup.array();\n  } else if (field.type === 'yes_no') {\n    schema = Yup.boolean();\n  } else {\n    // choice, dropdown, short_text, long_text 타입은 문자열 스키마로 처리\n    schema = Yup.string();\n  }\n\n  if (validation.min !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}자 이상이어야 합니다`\n      );\n    }\n  }\n\n  if (validation.max !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  if (validation.pattern) {\n    if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 pattern 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).matches(\n        new RegExp(validation.pattern),\n        validation.message || '올바른 형식이 아닙니다'\n      );\n    }\n  }\n\n  // field.required가 true인 경우 required 검증 추가\n  if (field.required) {\n    if (field.type === 'yes_no') {\n      schema = (schema as Yup.BooleanSchema).oneOf(\n        [true],\n        validation.message || `${field.label}에 동의해주세요`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        1,\n        validation.message || `${field.label}을(를) 하나 이상 선택해주세요`\n      );\n    } else {\n      schema = (schema as Yup.StringSchema).required(\n        validation.message || `${field.label}은(는) 필수입니다`\n      );\n    }\n  }\n\n  return schema;\n}\n"],"mappings":"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","names":[]}