@uniai-fe/uds-templates 0.5.25 → 0.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.5.25",
+  "version": "0.5.26",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,

package/src/cctv/apis/client.ts

@@ -16,11 +16,13 @@ export const getClientCctvCompanyList = async ({
 
 export const useQueryCctvCompanyList = ({
   url,
+  queryKeyDeps = [],
 }: {
   url?: string;
+  queryKeyDeps?: readonly unknown[];
 }): UseQueryResult<API_Res_CctvCompany> =>
   useQuery({
-    queryKey: ["cctv_company_list", url],
+    queryKey: ["cctv_company_list", url, ...queryKeyDeps],
     queryFn: () => getClientCctvCompanyList({ url }),
   });
 

package/src/cctv/hooks/useCompanyData.tsx

@@ -14,6 +14,7 @@ import type {
  * @hook
  * @param {UseCctvCompanyDataParams} [params] 훅 파라미터
  * @property {string} [url] 회사 리스트 API URL (Provider에서 주입된 기본값 대신 사용)
+ * @property {readonly unknown[]} [queryKeyDeps] 회사 리스트 캐시 분리용 query key deps
  * @return {UseCctvCompanyDataReturn} 회사 리스트 쿼리 반환값
  * @desc
  * return {
@@ -26,8 +27,8 @@ import type {
 export default function useCctvCompanyData(
   params?: UseCctvCompanyDataParams,
 ): UseCctvCompanyDataReturn {
-  // 변경: list 조회 계약은 URL만 override 대상으로 유지한다.
-  const { url } = params || {};
+  // 변경: list 조회 계약은 URL override와 캐시 분리 deps만 소비한다.
+  const { url, queryKeyDeps } = params || {};
 
   const { listUrl } = useCctvApiUrl();
   const resolvedUrl = useMemo(() => url ?? listUrl, [url, listUrl]);
@@ -36,6 +37,7 @@ export default function useCctvCompanyData(
   // URL에 맞춰 회사 리스트 API를 호출한다.
   const { data, isFetching, isError, ...rest } = useQueryCctvCompanyList({
     url: resolvedUrl,
+    queryKeyDeps,
   });
 
   // 응답 데이터를 react-hook-form rawData 필드로 반영한다.

package/src/cctv/types/hook.ts

@@ -114,12 +114,17 @@ export interface UseCctvRtcStreamReturn extends UseCctvRtcStreamState {
 /**
  * CCTV; useCctvCompanyData params
  * @property {string} [url] 업체 리스트 API URL
+ * @property {readonly unknown[]} [queryKeyDeps] 업체 리스트 캐시 분리용 query key deps
  */
 export interface UseCctvCompanyDataParams {
   /**
    * 업체 리스트 API URL
    */
   url?: string;
+  /**
+   * 업체 리스트 캐시 분리용 query key deps
+   */
+  queryKeyDeps?: readonly unknown[];
 }
 
 /**