diff --git a/.gitignore b/.gitignore index de28342..8ccf91b 100644 --- a/.gitignore +++ b/.gitignore @@ -12,6 +12,7 @@ node_modules/ # Playwright playwright-report/ blob-report/ +test-results/ # Docker **/.DS_Store diff --git a/src/app/editor/forms/FormCheckboxPropertiesPanel.tsx b/src/app/editor/forms/FormCheckboxPropertiesPanel.tsx index 05f163d..b57fbba 100644 --- a/src/app/editor/forms/FormCheckboxPropertiesPanel.tsx +++ b/src/app/editor/forms/FormCheckboxPropertiesPanel.tsx @@ -99,10 +99,10 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={80} step={2} presets={[ - { id: "tight", label: "타이트", value: 4 }, - { id: "normal", label: "보통", value: 8 }, - { id: "relaxed", label: "느슨", value: 12 }, - { id: "extra", label: "넓게", value: 16 }, + { id: "tight", label: "Tight", value: 4 }, + { id: "normal", label: "Normal", value: 8 }, + { id: "relaxed", label: "Relaxed", value: 12 }, + { id: "extra", label: "Extra", value: 16 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -235,7 +235,7 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc ? [...(checkboxProps as any).options] : []; next.push({ - label: "새 옵션", + label: "New option", value: `option_${next.length + 1}`, }); updateBlock(selectedBlockId, { @@ -442,9 +442,9 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={60} step={1} presets={[ - { id: "tight", label: "타이트", value: 18 }, - { id: "normal", label: "보통", value: 24 }, - { id: "loose", label: "루즈", value: 32 }, + { id: "tight", label: "Tight", value: 18 }, + { id: "normal", label: "Normal", value: 24 }, + { id: "loose", label: "Loose", value: 32 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -466,9 +466,9 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={20} step={0.5} presets={[ - { id: "tight", label: "좁게", value: -1 }, - { id: "normal", label: "보통", value: 0 }, - { id: "wide", label: "넓게", value: 2 }, + { id: "tight", label: "Tight", value: -1 }, + { id: "normal", label: "Normal", value: 0 }, + { id: "wide", label: "Wide", value: 2 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -501,9 +501,9 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={800} step={10} presets={[ - { id: "sm", label: "작게", value: 200 }, - { id: "md", label: "보통", value: 280 }, - { id: "lg", label: "넓게", value: 360 }, + { id: "sm", label: "Small", value: 200 }, + { id: "md", label: "Medium", value: 280 }, + { id: "lg", label: "Large", value: 360 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -520,11 +520,11 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={60} step={2} presets={[ - { id: "xs", label: "아주 얇게", value: 6 }, - { id: "sm", label: "얇게", value: 10 }, - { id: "md", label: "보통", value: 12 }, - { id: "lg", label: "넓게", value: 16 }, - { id: "xl", label: "아주 넓게", value: 20 }, + { id: "xs", label: "Extra thin", value: 6 }, + { id: "sm", label: "Thin", value: 10 }, + { id: "md", label: "Normal", value: 12 }, + { id: "lg", label: "Wide", value: 16 }, + { id: "xl", label: "Extra wide", value: 20 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -540,11 +540,11 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={40} step={1} presets={[ - { id: "xs", label: "아주 얇게", value: 6 }, - { id: "sm", label: "얇게", value: 8 }, - { id: "md", label: "보통", value: 10 }, - { id: "lg", label: "넓게", value: 12 }, - { id: "xl", label: "아주 넓게", value: 16 }, + { id: "xs", label: "Extra thin", value: 6 }, + { id: "sm", label: "Thin", value: 8 }, + { id: "md", label: "Normal", value: 10 }, + { id: "lg", label: "Wide", value: 12 }, + { id: "xl", label: "Extra wide", value: 16 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -560,10 +560,10 @@ export function FormCheckboxPropertiesPanel({ block, selectedBlockId, updateBloc max={40} step={1} presets={[ - { id: "tight", label: "타이트", value: 2 }, - { id: "normal", label: "보통", value: 4 }, - { id: "relaxed", label: "느슨", value: 8 }, - { id: "extra", label: "넓게", value: 12 }, + { id: "tight", label: "Tight", value: 2 }, + { id: "normal", label: "Normal", value: 4 }, + { id: "relaxed", label: "Relaxed", value: 8 }, + { id: "extra", label: "Extra", value: 12 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { diff --git a/src/app/editor/forms/FormControllerPanel.tsx b/src/app/editor/forms/FormControllerPanel.tsx index 57d6ee2..b27c266 100644 --- a/src/app/editor/forms/FormControllerPanel.tsx +++ b/src/app/editor/forms/FormControllerPanel.tsx @@ -216,6 +216,7 @@ export function FormControllerPanel({ block, blocks, selectedBlockId, updateBloc + {(formProps.formWidthMode ?? "auto") === "fixed" && ( updateBlock(selectedBlockId, { @@ -236,6 +237,7 @@ export function FormControllerPanel({ block, blocks, selectedBlockId, updateBloc } /> )} + - 필수 + {m.requiredLabel} ); @@ -371,7 +373,7 @@ export function FormControllerPanel({ block, blocks, selectedBlockId, updateBloc } as any) } > - + {blocks .filter((b) => b.type === "button") .map((buttonBlock) => { diff --git a/src/app/editor/forms/FormInputPropertiesPanel.tsx b/src/app/editor/forms/FormInputPropertiesPanel.tsx index a59f41d..a78576b 100644 --- a/src/app/editor/forms/FormInputPropertiesPanel.tsx +++ b/src/app/editor/forms/FormInputPropertiesPanel.tsx @@ -92,10 +92,10 @@ export function FormInputPropertiesPanel({ block, selectedBlockId, updateBlock } max={80} step={2} presets={[ - { id: "tight", label: "타이트", value: 4 }, - { id: "normal", label: "보통", value: 8 }, - { id: "relaxed", label: "느슨", value: 12 }, - { id: "extra", label: "넓게", value: 16 }, + { id: "tight", label: "Tight", value: 4 }, + { id: "normal", label: "Normal", value: 8 }, + { id: "relaxed", label: "Relaxed", value: 12 }, + { id: "extra", label: "Extra", value: 16 }, ]} onChangeValue={(v) => updateBlock(selectedBlockId, { @@ -218,9 +218,9 @@ export function FormInputPropertiesPanel({ block, selectedBlockId, updateBlock } max={60} step={1} presets={[ - { id: "tight", label: "타이트", value: 18 }, - { id: "normal", label: "보통", value: 24 }, - { id: "loose", label: "루즈", value: 32 }, + { id: "tight", label: "Tight", value: 18 }, + { id: "normal", label: "Normal", value: 24 }, + { id: "loose", label: "Loose", value: 32 }, ]} onChangeValue={(v) => { updateBlock(selectedBlockId, { @@ -242,9 +242,9 @@ export function FormInputPropertiesPanel({ block, selectedBlockId, updateBlock } max={20} step={0.5} presets={[ - { id: "tight", label: "좁게", value: -1 }, - { id: "normal", label: "보통", value: 0 }, - { id: "wide", label: "넓게", value: 2 }, + { id: "tight", label: "Tight", value: -1 }, + { id: "normal", label: "Normal", value: 0 }, + { id: "wide", label: "Wide", value: 2 }, ]} onChangeValue={(v) => { updateBlock(selectedBlockId, { @@ -293,9 +293,9 @@ export function FormInputPropertiesPanel({ block, selectedBlockId, updateBlock } max={800} step={10} presets={[ - { id: "sm", label: "작게", value: 200 }, - { id: "md", label: "보통", value: 280 }, - { id: "lg", label: "넓게", value: 360 }, + { id: "sm", label: "Small", value: 200 }, + { id: "md", label: "Medium", value: 280 }, + { id: "lg", label: "Large", value: 360 }, ]} onChangeValue={(v) => { updateBlock(selectedBlockId, { @@ -311,11 +311,11 @@ export function FormInputPropertiesPanel({ block, selectedBlockId, updateBlock } max={60} step={2} presets={[ - { id: "xs", label: "아주 얇게", value: 6 }, - { id: "sm", label: "얇게", value: 10 }, - { id: "md", label: "보통", value: 12 }, - { id: "lg", label: "넓게", value: 16 }, - { id: "xl", label: "아주 넓게", value: 20 }, + { id: "xs", label: "Extra thin", value: 6 }, + { id: "sm", label: "Thin", value: 10 }, + { id: "md", label: "Normal", value: 12 }, + { id: "lg", label: "Wide", value: 16 }, + { id: "xl", label: "Extra wide", value: 20 }, ]} onChangeValue={(v) => { updateBlock(selectedBlockId, { @@ -331,11 +331,11 @@ export function FormInputPropertiesPanel({ block, selectedBlockId, updateBlock } max={40} step={1} presets={[ - { id: "xs", label: "아주 얇게", value: 6 }, - { id: "sm", label: "얇게", value: 8 }, - { id: "md", label: "보통", value: 10 }, - { id: "lg", label: "넓게", value: 12 }, - { id: "xl", label: "아주 넓게", value: 16 }, + { id: "xs", label: "Extra thin", value: 6 }, + { id: "sm", label: "Thin", value: 8 }, + { id: "md", label: "Normal", value: 10 }, + { id: "lg", label: "Wide", value: 12 }, + { id: "xl", label: "Extra wide", value: 16 }, ]} onChangeValue={(v) => { updateBlock(selectedBlockId, { diff --git a/src/app/editor/forms/FormRadioPropertiesPanel.tsx b/src/app/editor/forms/FormRadioPropertiesPanel.tsx index 7980f3e..5cbbd17 100644 --- a/src/app/editor/forms/FormRadioPropertiesPanel.tsx +++ b/src/app/editor/forms/FormRadioPropertiesPanel.tsx @@ -25,7 +25,7 @@ export function FormRadioPropertiesPanel({ block, selectedBlockId, updateBlock }

{m.sectionTitle}

{groupLabelDisplay === "visible" && ( )} {groupLabelDisplay === "visible" && (radioProps.labelLayout ?? "stacked") === "inline" && ( updateBlock(selectedBlockId, { @@ -113,7 +113,7 @@ export function FormRadioPropertiesPanel({ block, selectedBlockId, updateBlock } )}