@uniai-fe/uds-templates 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,
@@ -45,7 +45,8 @@
     "module:typecheck": "pnpm typecheck",
     "module:build": "pnpm build",
     "design-templates:build": "pnpm run build",
-    "design-templates:dev": "pnpm run dev"
+    "design-templates:dev": "pnpm run dev",
+    "publish:public": "bash ../../../scripts/npm-publish.sh"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5",

package/src/auth/index.tsx

@@ -7,7 +7,7 @@ import {
 } from "./common/container";
 import AuthCompleteTemplate from "./common/complete/Template";
 import { AuthCodeTemplate } from "./common/auth-code";
-import { AuthLogin } from "./login";
+import { AuthLogin } from "./login/markup";
 import { AuthSignup } from "./signup";
 import { FindAccount } from "./find-account";
 import { FindId } from "./find-id";
@@ -44,6 +44,7 @@ export * from "./find-id";
 export * from "./find-password";
 export { default as AuthCompleteTemplate } from "./common/complete/Template";
 
+export * from "./login";
 export type * from "./login";
 export type * from "./signup";
 export type * from "./find-account";

package/src/auth/login/index.tsx

@@ -2,11 +2,4 @@ import "./index.scss";
 
 export type * from "./types";
 export * from "./hooks";
-
-import AuthLoginContainer from "./markup/Container";
-import AuthLoginFormField from "./markup/FormField";
-
-export const AuthLogin = {
-  Container: AuthLoginContainer,
-  FormField: AuthLoginFormField,
-};
+export * from "./jotai";

package/src/auth/login/jotai/index.ts

@@ -0,0 +1 @@
+export * from "./user";

package/src/auth/login/jotai/user.ts

@@ -1,6 +1,6 @@
 import { jotaiStorage } from "@uniai-fe/util-jotai";
 import { atomWithStorage } from "jotai/utils";
-import type { API_Res_LoginData } from "../types";
+import type { API_Res_LoginData, API_Res_LoginUserFarm } from "../types";
 
 /**
  * 로그인 사용자 정보 세션스토리지로 관리
@@ -11,3 +11,50 @@ export const userDataAtom = atomWithStorage<API_Res_LoginData | null>(
   null,
   jotaiStorage.session<API_Res_LoginData | null>(),
 );
+
+/**
+ * 로그인 사용자의 계정 아이디
+ * @state
+ */
+export const userAccountNameAtom = atomWithStorage<string>(
+  "userAccountName",
+  "",
+  jotaiStorage.session<string>(),
+);
+
+/**
+ * 로그인 사용자 이름
+ * @state
+ */
+export const userOwnerNameAtom = atomWithStorage<string>(
+  "userOwnerName",
+  "",
+  jotaiStorage.session<string>(),
+);
+
+/**
+ * 로그인 사용자 접근가능한 농장 목록
+ */
+export const userFarmListAtom = atomWithStorage<API_Res_LoginUserFarm[]>(
+  "userFarmList",
+  [],
+  jotaiStorage.session<API_Res_LoginUserFarm[]>(),
+);
+
+/**
+ * 현재 선택된 로그인 사용자 농장 정보
+ */
+export const userFarmAtom = atomWithStorage<API_Res_LoginUserFarm | null>(
+  "userFarm",
+  null,
+  jotaiStorage.session<API_Res_LoginUserFarm | null>(),
+);
+
+/**
+ * 로그인 사용자 농장 id 코드
+ */
+export const farmIdAtom = atomWithStorage<number>(
+  "farmId",
+  -1,
+  jotaiStorage.session<number>(),
+);

package/src/auth/login/markup/index.tsx

@@ -0,0 +1,7 @@
+import AuthLoginContainer from "./Container";
+import AuthLoginFormField from "./FormField";
+
+export const AuthLogin = {
+  Container: AuthLoginContainer,
+  FormField: AuthLoginFormField,
+};

package/src/auth/login/types/api.ts

@@ -17,6 +17,36 @@ export interface API_Req_Login {
   password: string;
 }
 
+/**
+ * 로그인 API; 응답 - 농장목록 정보
+ * @route /auth/user/login
+ * @property {number} id farm_id (농장 id)
+ * @property {string} name 농장명
+ * @property {string} farm_code 농장 식별번호
+ * @property {string} user_access_role 계정 권한/직책 코드 (OWNER: 농장주, EMPLOYEE: 농장직원, REGIONAL_MANAGER: 지역소장)
+ */
+export interface API_Res_LoginUserFarm {
+  /**
+   * farm_id (농장 id)
+   */
+  id: number;
+  /**
+   * 농장명
+   */
+  name: string;
+  /**
+   * farm_code (농장 식별번호)
+   */
+  farm_code: string;
+  /**
+   * 계정 권한/직책 코드
+   * - OWNER: 농장주
+   * - EMPLOYEE: 농장직원
+   * - REGIONAL_MANAGER: 지역소장
+   */
+  user_access_role: string;
+}
+
 /**
  * 로그인 API; 응답 - 유저 정보
  * @route /auth/user/login
@@ -26,11 +56,13 @@ export interface API_Req_Login {
  * @property {string} email 사용자 이메일
  * @property {string} full_name 사용자 이름
  * @property {number} gender 사용자 성별 (0: 남, 1: 여)
- * @property {string} birth_date 사용자 생년월일 (yyyy-MM-dd)
  * @property {number | string} phone_number 사용자 전화번호
+ * @property {string} birth_date 사용자 생년월일 (yyyy-MM-dd)
+ * @property {string} address 사용자 주소
+ * @property {API_Res_LoginUserFarm[]} user_farms 사용자가 접근 권한을 가진 농장 목록
  * @property {string} joined_at 가입일 (UTC; yyyy-MM-ddTHH:mm:ss)
  * @property {string | null} closed_at 사용자 탈퇴일 (UTC; yyyy-MM-ddTHH:mm:ss)
- * @property {number} status 가입 승인여부; 0: 승인, 1: 미승인
+ * @property {number} status 가입 승인여부; 0: 대기, 1: 승인, 2: 거절
  * @property {number} [use_sms] SMS 수신 여부; 0: 수신 안함, 1: 수신
  * @property {number} [user_type] 사용자 유형; 0: 일반 사용자, ..., 99: 관리자
  */
@@ -77,12 +109,13 @@ export interface API_Res_LoginUserInfo {
    */
   address: string;
   /**
-   * 계정 권한/직책 코드
-   * - OWNER: 농장주
-   * - EMPLOYEE: 농장직원
-   * - REGIONAL_MANAGER: 지역소장
+   * 사용자가 접근 권한을 가진 농장 목록
+   * @property {number} id farm_id (농장 id)
+   * @property {string} name 농장명
+   * @property {string} farm_code 농장 식별번호
+   * @property {string} user_access_role 계정 권한/직책 코드 (OWNER: 농장주, EMPLOYEE: 농장직원, REGIONAL_MANAGER: 지역소장)
    */
-  user_access_role: string;
+  user_farms: API_Res_LoginUserFarm[];
   /**
    * 가입일 (UTC)
    * - yyyy-MM-ddTHH:mm:ss
@@ -95,8 +128,9 @@ export interface API_Res_LoginUserInfo {
   closed_at: string | null;
   /**
    * 가입 승인여부
-   * - 0: 승인
-   * - 1: 미승인
+   * - 0: 대기
+   * - 1: 승인
+   * - 2: 거절
    */
   status: number;
   /**

package/src/page-frame/desktop/components/header/util/setting/Button.tsx

@@ -6,7 +6,10 @@ import { usePathname } from "next/navigation";
 import assetUrl from "../../../../../../asset-url";
 import clsx from "clsx";
 import { Dropdown } from "@uniai-fe/uds-primitives";
-import type { DropdownTemplateItem } from "@uniai-fe/uds-primitives";
+import type {
+  DropdownTemplateChangePayload,
+  DropdownTemplateItem,
+} from "@uniai-fe/uds-primitives";
 import { getClosestRoute } from "@uniai-fe/util-functions";
 
 import PageHeaderUtilityItem from "../Item";
@@ -61,11 +64,13 @@ export default function PageHeaderSettingButton({
 
   /**
    * dropdown 항목을 선택했을 때 routeKey에 대응하는 onSelect를 실행한다.
-   * @param {DropdownTemplateItem} dropdownItem 선택된 dropdown 항목
+   * @param {DropdownTemplateChangePayload} payload 선택 결과 payload
    */
   const handleSelect = useCallback(
-    (dropdownItem: DropdownTemplateItem) => {
-      const target = menuItems.find(item => item.routeKey === dropdownItem.id);
+    (payload: DropdownTemplateChangePayload) => {
+      const target = menuItems.find(
+        item => item.routeKey === payload.currentItem.id,
+      );
       target?.onSelect?.();
     },
     [menuItems],
@@ -94,7 +99,8 @@ export default function PageHeaderSettingButton({
         width={170}
         size="small"
         selectedIds={selectedIds}
-        onSelect={handleSelect}
+        // Dropdown.Template 신규 계약(onChange payload)을 우선 사용한다.
+        onChange={handleSelect}
         containerProps={{
           align: "end",
           sideOffset: 8,