@ncds/ui-admin 1.8.21-alpha.13 → 1.8.21-alpha.14

package/dist/esm/src/components/overlays/postcode-search-modal/PostcodeSearchModal.js

@@ -12,6 +12,8 @@ import { Tip } from './PostcodeSearchModalTip';
 const PAGE_SIZE = 15;
 /** 페이지 번호 그룹 크기 — 초과 시 Pagination 이 점프 버튼을 노출한다 */
 const PAGER_WINDOW = 10;
+/** 검색 조합 안내 문구를 띄우는 기준 — 결과가 이 수를 넘을 때만 노출한다 */
+const SEARCH_HINT_MIN_TOTAL_COUNT = 30;
 /** 반응형 전환 기준 — assets/styles/base/_variable.scss 의 $breakpoint 와 동일 */
 const MOBILE_BREAKPOINT = 768;
 /** 본문 스크롤 컨테이너. Modal.Content 가 overflow-y:auto 를 갖는다. */
@@ -117,6 +119,8 @@ const PostcodeSearchModal = _ref2 => {
   }, [open]);
   const hasError = Boolean(errorCode);
   const hasResults = !hasError && results.length > 0;
+  // 결과가 적으면 굳이 검색 조합을 안내하지 않는다.
+  const showSearchHint = hasResults && totalCount > SEARCH_HINT_MIN_TOTAL_COUNT;
   // 검색을 실행한 검색어와 현재 입력값이 같을 때만 "결과 없음"으로 본다.
   // 입력 중에는 두 값이 달라지고, 응답을 기다리는 동안에는 loading 이 막는다.
   const showEmptyState = !hasError && !loading && results.length === 0 && searchQuery !== '' && searchQuery === searchedQuery;
@@ -172,7 +176,7 @@ const PostcodeSearchModal = _ref2 => {
               hierarchy: "secondary",
               onClick: handleSearch
             })]
-          }), hasResults && _jsxs("div", {
+          }), showSearchHint && _jsxs("div", {
             children: [_jsx("p", {
               className: "ncua-postcode-search-modal__result-title",
               children: "\uC544\uB798 \uC870\uD569\uC73C\uB85C \uAC80\uC0C9 \uC2DC \uC8FC\uC18C\uB97C \uB354 \uC27D\uAC8C \uCC3E\uC744 \uC218 \uC788\uC5B4\uC694."

package/dist/esm/src/components/overlays/postcode-search-modal/PostcodeSearchModalTip.js

@@ -48,8 +48,10 @@ const Tip = _ref => {
         return _jsxs("li", {
           className: "ncua-postcode-search-modal__tip-item",
           children: [_jsx("span", {
+            className: "ncua-postcode-search-modal__tip-combination",
             children: combination
           }), _jsx("span", {
+            className: "ncua-postcode-search-modal__tip-example",
             children: `${TIP_EXAMPLE_PREFIX} ${example}`
           })]
         }, combination);