diff options
| author | joonhoekim <26rote@gmail.com> | 2025-09-04 03:02:38 +0000 |
|---|---|---|
| committer | joonhoekim <26rote@gmail.com> | 2025-09-04 03:02:38 +0000 |
| commit | 054cb69456825d964c8bd5a70a2b34c5e4b58262 (patch) | |
| tree | fa5a687652a1667f2c127c2e41805e4cc80dbc59 /components | |
| parent | be62da14b974419f8e76dfcb086a48412054105c (diff) | |
(김준회) 네이밍 변경: materialSelector --> materialGroupSelector
Diffstat (limited to 'components')
| -rw-r--r-- | components/common/material/README.md | 14 | ||||
| -rw-r--r-- | components/common/material/material-group-selector.tsx (renamed from components/common/material/material-selector.tsx) | 6 | ||||
| -rw-r--r-- | components/signup/join-form.tsx | 4 |
3 files changed, 12 insertions, 12 deletions
diff --git a/components/common/material/README.md b/components/common/material/README.md index 30f16d38..341bbe80 100644 --- a/components/common/material/README.md +++ b/components/common/material/README.md @@ -1,4 +1,4 @@ -# MaterialSelector +# MaterialGroupSelector 자재그룹코드를 검색하고 선택할 수 있는 드롭다운 컴포넌트 @@ -15,13 +15,13 @@ ### 기본 사용법 ```tsx -import { MaterialSelector } from "@/components/common/material/material-selector"; +import { MaterialGroupSelector } from "@/components/common/material/material-group-selector"; function MyComponent() { const [selectedMaterials, setSelectedMaterials] = useState<MaterialSearchItem[]>([]); return ( - <MaterialSelector + <MaterialGroupSelector selectedMaterials={selectedMaterials} onMaterialsChange={setSelectedMaterials} /> @@ -31,7 +31,7 @@ function MyComponent() { ### 단일 선택 모드 ```tsx -<MaterialSelector +<MaterialGroupSelector selectedMaterials={selectedMaterials} onMaterialsChange={setSelectedMaterials} singleSelect={true} @@ -41,7 +41,7 @@ function MyComponent() { ### 초기 데이터 로드 비활성화 ```tsx -<MaterialSelector +<MaterialGroupSelector selectedMaterials={selectedMaterials} onMaterialsChange={setSelectedMaterials} showInitialData={false} @@ -50,7 +50,7 @@ function MyComponent() { ### 최대 선택 개수 제한 ```tsx -<MaterialSelector +<MaterialGroupSelector selectedMaterials={selectedMaterials} onMaterialsChange={setSelectedMaterials} maxSelections={5} @@ -61,7 +61,7 @@ function MyComponent() { ```tsx const excludeCodes = new Set(['MAT001', 'MAT002']); -<MaterialSelector +<MaterialGroupSelector selectedMaterials={selectedMaterials} onMaterialsChange={setSelectedMaterials} excludeMaterialCodes={excludeCodes} diff --git a/components/common/material/material-selector.tsx b/components/common/material/material-group-selector.tsx index 67b8c25c..580c2db5 100644 --- a/components/common/material/material-selector.tsx +++ b/components/common/material/material-group-selector.tsx @@ -21,7 +21,7 @@ import { cn } from "@/lib/utils"; import { useDebounce } from "@/hooks/use-debounce"; import { searchMaterialsForSelector, MaterialSearchItem } from "@/lib/material/material-group-service"; -interface MaterialSelectorProps { +interface MaterialGroupSelectorProps { selectedMaterials?: MaterialSearchItem[]; onMaterialsChange?: (materials: MaterialSearchItem[]) => void; singleSelect?: boolean; @@ -35,7 +35,7 @@ interface MaterialSelectorProps { showInitialData?: boolean; // 초기 클릭시 자재그룹들을 로드할지 여부 } -export function MaterialSelector({ +export function MaterialGroupSelector({ selectedMaterials = [], onMaterialsChange, singleSelect = false, @@ -47,7 +47,7 @@ export function MaterialSelector({ closeOnSelect = true, excludeMaterialCodes, showInitialData = true -}: MaterialSelectorProps) { +}: MaterialGroupSelectorProps) { const [open, setOpen] = useState(false); const [searchQuery, setSearchQuery] = useState(""); diff --git a/components/signup/join-form.tsx b/components/signup/join-form.tsx index c53e7709..cbf6a2f7 100644 --- a/components/signup/join-form.tsx +++ b/components/signup/join-form.tsx @@ -71,7 +71,7 @@ import koLocale from "i18n-iso-countries/langs/ko.json"; import { getVendorTypes } from '@/lib/vendors/service'; import ConsentStep from './conset-step'; import { checkEmailExists } from '@/lib/vendor-users/service'; -import { MaterialSelector } from '@/components/common/material/material-selector'; +import { MaterialGroupSelector } from '@/components/common/material/material-group-selector'; import { MaterialSearchItem } from '@/lib/material/material-group-service'; i18nIsoCountries.registerLocale(enLocale); @@ -1232,7 +1232,7 @@ function CompleteVendorForm({ <label className="block text-sm font-medium mb-1"> {t('supplyItems')} <span className="text-red-500">*</span> </label> - <MaterialSelector + <MaterialGroupSelector selectedMaterials={data.items} onMaterialsChange={handleMaterialsChange} placeholder="type material name or code..." |
