parentIdPath: readString(formData, 'parentIdPath'),

     name: readString(formData, 'name'),

     sortOrder: parseFormNumber(formData, 'sortOrder'),

     isTopActive: readString(formData, 'isTopActive') === 'Y',

     url: readString(formData, 'url'),

     description: readString(formData, 'description'),

 import { FoxHelperText } from '@fox/core/components/fox-helper-text';

 import { FoxInput } from '@fox/core/components/fox-input';

 import { FoxModal } from '@fox/core/components/fox-modal';

 import { FoxToggleSwitch } from '@fox/core/components/fox-toggle-switch';

 import { submitFormAction } from '@/app/_hooks/submit-form-action';

 import { useFeedback } from '@/app/_hooks/use-feedback';

   menu?: SystemMenuNode;

   /** 추가일 때의 상위 메뉴. 수정일 때는 대상의 상위다. */

   parent: SystemMenu | null;

   onClose: () => void;

 }

 const ICON_HINT =

   '이미지 파일만 업로드 가능 (jpg, png, svg 등). 앱 화면에서 메뉴 표시 시 사용됩니다.';

   const isCreate = mode === 'create';

   const { showToast } = useFeedback();

   const formRef = useRef<HTMLFormElement>(null);

     INITIAL_SYSTEM_MENU_FORM_STATE

   );

   const [isTopActive, setIsTopActive] = useState(menu?.isTopActive ?? false);

   const [isActive, setIsActive] = useState(menu?.isActive ?? true);

   // 새창여부는 저장할 컬럼이 없어 화면에만 둔다(사용자 확정).

         <input type="hidden" name="id" value={menu?.id ?? ''} />

         <input type="hidden" name="parentId" value={parent?.id ?? ''} />

         <input type="hidden" name="parentIdPath" value={buildChildIdPath(parent)} />

         <input type="hidden" name="isTopActive" value={isTopActive ? 'Y' : 'N'} />

         <input type="hidden" name="isActive" value={isActive ? 'Y' : 'N'} />

         <input type="hidden" name="largeIconId" value={largeIconId} />

               message={errors.sortOrder}

             />

           </div>

         </div>

         <div className={styles.field}>

 import {

   buildMenuTree,

   collectNodeIds,

   flattenOpenNodes,

   formatActiveLabel,

   formatOptionalValue,

 export function MenuTreeList({ items }: MenuTreeListProps) {

   const tree = useMemo(() => buildMenuTree(items), [items]);

   const byId = useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);

   const [closedIds, setClosedIds] = useState<Set<string>>(new Set());

               ? (target.node.parentId ? (byId.get(target.node.parentId) ?? null) : null)

               : target.parent

           }

           onClose={() => setTarget(null)}

         />

       )}

       name: readString(raw, 'menuName') ?? '',

       idPath: readString(raw, 'menuIdPath'),

       url: readString(raw, 'menuUrl'),

       roleName: readString(raw, 'roleNm'),

       sortOrder: Number.isInteger(Number(raw.sortOrdr)) ? Number(raw.sortOrdr) : 0,

       isActive: parseYesNo(raw.useYn),

   return data.list.flatMap(toSystemMenu);

 });

 function toWriteParams(values: SystemMenuValues) {

   return {

     menuName: values.name,

     sortOrdr: values.sortOrder,

     topYn: values.isTopActive ? 'Y' : 'N',

     menuUrl: values.url,

     menuExplan: values.description,

   parentIdPath: string;

   name: string;

   sortOrder: number;

   isTopActive: boolean;

   url: string;

   description: string;

 export type SystemMenuFormErrors = Partial<

   Record<

     string

   >

 >;

     errors.description = description.error;

   }

   if (!Number.isInteger(values.sortOrder) || values.sortOrder < 1) {

     errors.sortOrder = '메뉴순번은 1 이상의 숫자로 입력해 주세요.';

   } else if (values.sortOrder > SORT_ORDER_MAX) {

       name: name.value,

       url: url.value,

       description: description.value,

     },

   };

 }

   name: string;

   idPath: string | null;

   url: string | null;

   roleName: string | null;

   sortOrder: number;

   isActive: boolean;

   walk(nodes);

   return ids;

 }

 /**