File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
export const NAME_MAX_LENGTH = 100;
export const URL_MAX_LENGTH = 300;
export const SORT_ORDER_MAX = 9999;
export interface SystemMenuValues {
id: string;
parentId: string;
parentIdPath: string;
name: string;
sortOrder: number;
isTopActive: boolean;
url: string;
largeIconId: string;
smallIconId: string;
isActive: boolean;
}
export type SystemMenuFormErrors = Partial<
Record<
'name' | 'sortOrder' | 'url' | 'largeIconId' | 'smallIconId',
string
>
>;
export type SystemMenuFormState =
| { status: 'idle' }
| { status: 'error'; message?: string; errors?: SystemMenuFormErrors }
| { status: 'success' };
export const INITIAL_SYSTEM_MENU_FORM_STATE: SystemMenuFormState = {
status: 'idle',
};
/** 기획 SYS_MNU_002_p ④ — 미입력 시 이 문구를 띄운다. */
export const REQUIRED_MESSAGE = '필수입력 사항을 입력하세요.';
type ValidationResult =
| { ok: true; values: SystemMenuValues }
| { ok: false; errors: SystemMenuFormErrors };
function validateText(
raw: string,
max: number,
label: string
): { value: string; error?: string } {
const value = raw.trim();
if (!value) {
return { value, error: REQUIRED_MESSAGE };
}
if (value.length > max) {
return { value, error: `${label}은 ${max}자 이내로 입력해 주세요.` };
}
return { value };
}
export function validateSystemMenu(values: SystemMenuValues): ValidationResult {
const errors: SystemMenuFormErrors = {};
const name = validateText(values.name, NAME_MAX_LENGTH, '메뉴명');
if (name.error) {
errors.name = name.error;
}
const url = validateText(values.url, URL_MAX_LENGTH, '메뉴링크');
if (url.error) {
errors.url = url.error;
}
if (!Number.isInteger(values.sortOrder) || values.sortOrder < 1) {
errors.sortOrder = '메뉴순번은 1 이상의 숫자로 입력해 주세요.';
} else if (values.sortOrder > SORT_ORDER_MAX) {
errors.sortOrder = `메뉴순번은 ${SORT_ORDER_MAX} 이하로 입력해 주세요.`;
}
if (Object.keys(errors).length > 0) {
return { ok: false, errors };
}
return {
ok: true,
values: {
...values,
name: name.value,
url: url.value,
},
};
}