diff --git a/packages/common/business_components/README.md b/packages/common/business_components/README.md index 597f49a5c..670a8ac47 100644 --- a/packages/common/business_components/README.md +++ b/packages/common/business_components/README.md @@ -1,6 +1,6 @@ ## business_components 패키지 ### 원앤올에서 제공받는 컴포넌트 외에 업무 파트에서 사용할 수 있는 별도 components 패키지지 -  1) 설정 +  1) 환경설정     (1) tsconfig.json 'path'에 '@common/business_components' 변수를 추가 ```json @@ -8,7 +8,7 @@ "@/*": ["./*"], "@common/components/*": ["../../packages/common/components/src/*"], "@common/components": ["../../packages/common/components/src/index"], - // 작성구문문 + //아래에 해당하는 부분을 추가해줘야함. "@common/business_components/*": ["../../packages/common/business_components/src/*"], "@common/business_components": ["../../packages/common/business_components/src/index"] } @@ -19,4 +19,15 @@ "@common/business_components": "workspace:*", "next": "15.1.7" }, -``` \ No newline at end of file +``` + +    (3) tailwind.config.ts 추가 +``` json +content: [ + "./app/**/*.{js,ts,jsx,tsx,mdx}", + "../../packages/common/components/src/ui/**/*.{js,ts,jsx,tsx,mdx}", + //아래에 해당하는 부분을 추가해줘야함. + "../../packages/common/business_components/src/ui/**/*.{js,ts,jsx,tsx,mdx}", +], +``` + diff --git a/packages/common/business_components/src/ui/search_form/index.tsx b/packages/common/business_components/src/ui/search_form/index.tsx index 13391dc01..45444a68f 100644 --- a/packages/common/business_components/src/ui/search_form/index.tsx +++ b/packages/common/business_components/src/ui/search_form/index.tsx @@ -1,18 +1,6 @@ -/** - * 검색영역 스타일 - */ -const styles = { - divStyle : { - border: '1px solid black', - margin: '1rem', - display: 'flex', - borderRadius: '1rem' - } as React.CSSProperties -} - function SearchDiv ({children}:{ children: React.ReactNode; }) { return ( -
+
{children}
) diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx index 370ee52e8..d1adbb970 100644 --- a/packages/common/business_components/src/ui/select/index.tsx +++ b/packages/common/business_components/src/ui/select/index.tsx @@ -1,41 +1,35 @@ import { Label } from "@common/components"; +import React from "react"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./lib/selectBox"; /** 차트 기본 스타일 */ -const styles = { - selectBoxDiv : { - marginLeft : '2rem', - display : 'flex' - } as React.CSSProperties, - labelStyle : { - margin:'0.8rem 0.8rem 0.8rem 1rem', - fontSize: '10px', - } as React.CSSProperties -} - interface SelectBox1 { text:string, val:string } -function SelectBox(props: {label : string, selectArray: SelectBox1[], styleClassName : string, styleSelect : React.CSSProperties}){ - const placeHolder = props.selectArray?.[0]?.text ?? ""; + +const SelectBox = React.forwardRef< + HTMLDivElement, + React.HTMLAttributes & {label:string, className:string, selectArray:SelectBox1[]} +>(({ label, className, selectArray }, ref)=>{ + const placeHolder = selectArray?.[0]?.text ?? ""; return ( -
- {props.label && } +
+ {label && }
) -} +}) -export { SelectBox }; \ No newline at end of file +export { SelectBox };