Merge pull request #23 from ChalkPE/master

Replace object type w/ proper type definitions

Author: kmsbernard

README.md

@@ -1,6 +1,6 @@
 # react-daum-postcode
 
-리액트 컴포넌트로 만든 Daum 우편번호 검색 서비스입니다. Daum 우편번호 검색 서비스를 React환경에서 간편하게 이용할 수 있습니다.
+리액트 컴포넌트로 만든 Daum 우편번호 검색 서비스입니다. Daum 우편번호 검색 서비스를 React 환경에서 간편하게 이용할 수 있습니다.
 
 ## 설치
 
@@ -53,7 +53,7 @@ const Postcode = () => {
 - `autoResize` _[bool]_ - 우편번호를 검색할 때 검색 결과에 따라 컴포넌트의 세로 길이를 자동으로 조절합니다. 기본값: `false`
 - `animation` _[bool]_ - 우편번호를 검색할 때 애니메이션 효과를 줍니다. 기본값: `false`
 - `defaultQuery` _[string]_ - 우편번호 검색창에 미리 표시할 검색어입니다. 기본값: `null`
-- `theme` _[object]_ - Daum 우편번호 검색 모듈에 적용할 테마입니다. 테마의 설정은 [Daum 우편번호 서비스 가이드](http://postcode.map.daum.net/guide)를 참고해주세요. 기본값: `null`
+- `theme` _[object]_ - Daum 우편번호 검색 모듈에 적용할 테마입니다. 테마의 설정은 [Daum 우편번호 서비스 가이드](http://postcode.map.daum.net/guide#themeWizard)를 참고해주세요. 기본값: `null`
 - `style` _[object]_ - 우편번호 검색창을 감싸는 최상위 컴포넌트에 적용할 스타일입니다. 기본값: `null`
 - `scriptUrl` _[string]_ - 컴포넌트에서 사용할 Daum 우편번호 스크립트 주소입니다. 기본값: `'https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js'`
 - `errorMessage` _[React element]_ - Daum 우편번호 스크립트가 로드되지 않을 때 나타낼 에러 메시지입니다. 기본값: `<p>현재 Daum 우편번호 서비스를 이용할 수 없습니다. 잠시 후 다시 시도해주세요.</p>`

index.d.ts

@@ -38,6 +38,18 @@ declare module "react-daum-postcode" {
     count: number;
   }
 
+  type ThemeProps = {
+    bgColor?: string;
+    searchBgColor?: string;
+    contentBgColor?: string;
+    pageBgColor?: string;
+    textColor?: string;
+    queryTextColor?: string;
+    postcodeTextColor?: string;
+    emphTextColor?: string;
+    outlineColor?: string;
+  }
+
   type DaumPostcodeProps = {
     onComplete(data: AddressData): void;
     onSearch?(data: SearchData): void;
@@ -57,18 +69,18 @@ declare module "react-daum-postcode" {
     scriptUrl?: string;
     shorthand?: boolean;
     showMoreHName?: boolean;
-    style?: object;
-    theme?: object;
+    style?: React.CSSProperties;
+    theme?: ThemeProps;
     useSuggest?: boolean;
     width?: number | string;
     submitMode?: boolean;
-    focusInput?: boolean,
-    focusContent?: boolean,
+    focusInput?: boolean;
+    focusContent?: boolean;
   }
 
   class DaumPostcode extends React.Component<DaumPostcodeProps, any> {}
 
-  export { AddressData, DaumPostcodeProps, DaumPostcode };
+  export { AddressData, SearchData, ThemeProps, DaumPostcodeProps, DaumPostcode };
 
   export default DaumPostcode;
 }

src/DaumPostcode.jsx

@@ -137,7 +137,17 @@ DaumPostcode.propTypes = {
   showMoreHName: PropTypes.bool,
   style: PropTypes.object,
   submitMode: PropTypes.bool,
-  theme: PropTypes.object,
+  theme: PropTypes.exact({
+    bgColor: PropTypes.string,
+    searchBgColor: PropTypes.string,
+    contentBgColor: PropTypes.string,
+    pageBgColor: PropTypes.string,
+    textColor: PropTypes.string,
+    queryTextColor: PropTypes.string,
+    postcodeTextColor: PropTypes.string,
+    emphTextColor: PropTypes.string,
+    outlineColor: PropTypes.string,
+  }),
   useSuggest: PropTypes.bool,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   focusInput: PropTypes.bool,