@goplusvn/core 0.1.30 → 0.1.32

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## 0.1.32 — Gỡ NextAuth khỏi core (BREAKING cho app chưa migrate)
+
+Core không còn phụ thuộc next-auth (bỏ peer dependency):
+
+- **auth-bridge**: gỡ `nextAuthBridgeClient` + import `next-auth/react`.
+  Mặc định khi KHÔNG mount `AuthBridgeProvider` giờ là fallback
+  unauthenticated (cảnh báo console) thay vì NextAuth. App PHẢI mount
+  provider với client auth của mình (vinhhoa: betterAuthBridgeClient).
+- **Type `Session`**: các chữ ký RBAC (`checkPermission`,
+  `getUserPermissions`, `hasRole`…) đổi từ `Session` của next-auth sang
+  `Session` cấu trúc `{ user?: unknown }` export từ `@goerp/core/types` —
+  session của mọi auth gán được, app không phải sửa call-site.
+- `auth/proxy-gate` (gate JWT NextAuth cho app cũ) GIỮ NGUYÊN nhưng app nào
+  dùng phải tự cài next-auth (giờ chỉ là devDependency của core).
+
+## 0.1.31 — MultiSelect: mặc định 1 DÒNG (hết lệch hàng toolbar)
+
+Wrap-mặc-định (0.1.27) làm trigger CAO LÊN khi chọn ≥2 option → lệch hàng
+toolbar (các control h-9 bên cạnh). Sửa:
+
+- Đảo mặc định `singleLine = true`; muốn wrap thì truyền `singleLine={false}`
+  (chỉ hợp form rộng, không phải toolbar).
+- Chế độ 1 dòng hiện **1 chip đầu + badge "+n"** (thay vì bóp nhiều chip đến
+  mất chữ trong trigger hẹp); title tooltip cho label đầy đủ + danh sách mục
+  còn lại.
+- Chip ở chế độ 1 dòng KHÔNG có nút × riêng (chật) — bỏ chọn qua dropdown
+  hoặc nút × xóa-tất-cả; chế độ wrap giữ × từng chip như cũ.
+
+Đã test trên vinhhoa (link file: local): toolbar đơn bán hàng, sheet Bộ lọc,
+báo cáo sổ quỹ — 3 filter cùng h-9, không còn đẩy lệch hàng.
+
 ## 0.1.30 — Gỡ menu "Thiết bị & phiên đăng nhập" khỏi UserDropdown
 
 Trang phiên đăng nhập chuyển thành trang QUẢN TRỊ (gate quyền) — lối vào đúng

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@goplusvn/core",
   "description": "GoPlusVN Platform Kit - ERP kernel: layout, RBAC, CRUD, multi-tenant, system pages",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -59,7 +59,6 @@
   },
   "peerDependencies": {
     "next": ">=14.0.0",
-    "next-auth": "4.24.11",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },

package/src/auth/index.ts

@@ -1,7 +1,7 @@
 // @goerp/core/auth
 // Authentication and RBAC utilities for GoERP
 
-import type { Session } from "next-auth";
+import type { Session } from "../types";
 
 export * from "./auth-service";
 

package/src/crud/lib/permissions.ts

@@ -1,5 +1,5 @@
 import type { CrudPermissions, EntityConfig } from "../../types";
-import type { Session } from "next-auth";
+import type { Session } from "../../types";
 
 import { getCrudPermissionsFromSession } from "../../rbac/permissions";
 

package/src/rbac/index.ts

@@ -2,8 +2,7 @@
 // Core RBAC (Role-Based Access Control) utilities for GoERP platform
 // Consolidated from packages/shared/rbac
 
-import type { Permission } from "../types";
-import type { Session } from "next-auth";
+import type { Permission, Session } from "../types";
 import { logger } from "../utils";
 
 // ============================================================================

package/src/rbac/permissions.ts

@@ -2,8 +2,7 @@
 // Server-only permission utilities - no client/UI imports
 // Use this in Server Components and API routes to avoid bundling client code
 
-import type { Permission } from "../types";
-import type { Session } from "next-auth";
+import type { Permission, Session } from "../types";
 
 // ============================================================================
 // Action Mapping

package/src/types/index.ts

@@ -13,6 +13,15 @@ import type { z } from "zod";
 export const supportedLocales = ["vi", "en"] as const;
 export type LocaleType = (typeof supportedLocales)[number];
 
+/**
+ * Session cấu trúc — thay `import type { Session } from "next-auth"` (đã gỡ
+ * NextAuth khỏi core). Core chỉ cần `session?.user` rồi cast ExtendedUser;
+ * session của mọi auth (NextAuth cũ, Better Auth shim) đều gán được.
+ */
+export interface Session {
+  user?: unknown;
+}
+
 export interface SearchResultItem {
   id: string;
   title: string;

package/src/ui/auth/auth-bridge.tsx

@@ -1,22 +1,18 @@
 "use client";
 
-// AUTH BRIDGE — lớp trừu tượng client-auth để core KHÔNG khóa cứng vào
-// NextAuth. Mặc định (không mount provider) = NextAuth y như cũ → mọi app
-// hiện tại không đổi hành vi. App migrate sang Better Auth chỉ cần mount:
+// AUTH BRIDGE — lớp trừu tượng client-auth: core KHÔNG phụ thuộc thư viện
+// auth nào. App PHẢI mount provider với client của mình, ví dụ Better Auth:
 //
 //   <AuthBridgeProvider client={betterAuthBridgeClient}>
 //
-// với client map từ createAuthClient() của Better Auth (useSession /
-// signIn.email / signOut). LƯU Ý: client phải là hằng số suốt vòng đời app
-// (rules of hooks — useSession của bridge được gọi như một hook).
+// với client map từ createAuthClient() (useSession / signIn.email / signOut).
+// LƯU Ý: client phải là hằng số suốt vòng đời app (rules of hooks — useSession
+// của bridge được gọi như một hook). Từ 0.1.32 core đã GỠ next-auth: không
+// còn nextAuthBridgeClient mặc định; app còn dùng NextAuth tự viết client
+// (map useSession/signIn/signOut của next-auth/react vào AuthBridgeClient).
 
 import { createContext, useContext } from "react";
 import type { ReactNode } from "react";
-import {
-  signIn as nextAuthSignIn,
-  signOut as nextAuthSignOut,
-  useSession as nextAuthUseSession,
-} from "next-auth/react";
 
 export interface AuthSessionState {
   /** Session object (shape do app quyết — core chỉ đọc user.id/permissions...) */
@@ -37,31 +33,33 @@ export interface AuthBridgeClient {
   signOut: (options?: { callbackUrl?: string }) => Promise<void>;
 }
 
-/** Mặc định: NextAuth (v4) — các app chưa migrate dùng nguyên như cũ. */
-export const nextAuthBridgeClient: AuthBridgeClient = {
+const MISSING_PROVIDER_MSG =
+  "[goerp-core] AuthBridgeProvider chưa được mount — bọc app trong " +
+  '<AuthBridgeProvider client={...}> với client auth của app (xem ui/auth).';
+
+let warnedMissingProvider = false;
+
+/**
+ * Fallback khi app QUÊN mount AuthBridgeProvider: session luôn
+ * unauthenticated (cảnh báo console 1 lần), signIn trả lỗi rõ ràng.
+ */
+const missingProviderClient: AuthBridgeClient = {
   useSession: () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks -- được gọi trong hook useAuthSession
-    const s = nextAuthUseSession();
-    return {
-      data: s.data,
-      status: s.status,
-      update: () => s.update(),
-    };
-  },
-  signInWithCredentials: async ({ email, password }) => {
-    const result = await nextAuthSignIn("credentials", {
-      redirect: false,
-      email,
-      password,
-    });
-    return { error: result?.error ?? null };
+    if (!warnedMissingProvider) {
+      warnedMissingProvider = true;
+      console.warn(MISSING_PROVIDER_MSG);
+    }
+    return { data: null, status: "unauthenticated", update: async () => null };
   },
-  signOut: async (options) => {
-    await nextAuthSignOut(options);
+  signInWithCredentials: async () => ({ error: MISSING_PROVIDER_MSG }),
+  signOut: async () => {
+    console.warn(MISSING_PROVIDER_MSG);
   },
 };
 
-const AuthBridgeContext = createContext<AuthBridgeClient>(nextAuthBridgeClient);
+const AuthBridgeContext = createContext<AuthBridgeClient>(
+  missingProviderClient,
+);
 
 export function AuthBridgeProvider({
   client,

package/src/ui/forms/multi-select.tsx

@@ -47,9 +47,11 @@ interface MultiSelectProps {
    */
   selectedFirst?: boolean;
   /**
-   * Mặc định chip WRAP xuống dòng khi chọn nhiều (trigger cao lên, không tràn
-   * ngang — theo pattern sersavan/shadcn-multi-select-component). Đặt true để
-   * giữ 1 dòng cố định: chip co + cắt bằng overflow (hợp cho toolbar chật).
+   * Mặc định GIỮ 1 DÒNG cố định: hiện 1 chip đầu (cắt chữ, title=label đầy
+   * đủ) + badge "+n" (title=các mục còn lại) — trigger không đổi chiều cao,
+   * không lệch hàng toolbar; chip không có nút × riêng (bỏ chọn qua dropdown
+   * hoặc × xóa-tất-cả). Đặt false để chip WRAP xuống dòng kèm × từng chip
+   * (trigger cao lên — chỉ hợp form rộng rãi, không phải toolbar).
    */
   singleLine?: boolean;
   /** Đóng dropdown ngay sau mỗi lần chọn (mặc định giữ mở để chọn tiếp). */
@@ -179,7 +181,7 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
       disabled = false,
       responsive = false,
       selectedFirst = false,
-      singleLine = false,
+      singleLine = true,
       closeOnSelect = false,
       deduplicateOptions = false,
       chipColor = "colorful",
@@ -562,12 +564,16 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
       [updateValue, value],
     );
 
+    // singleLine: chỉ hiện 1 chip + "+n" — nhiều chip trong trigger hẹp sẽ bị
+    // bóp đến mất chữ (chỉ còn dấu ×), 1 chip cắt chữ + đếm luôn đọc được
+    const chipLimit = singleLine ? 1 : responsiveSettings.maxCount;
+
     const clearExtraOptions = useCallback(
       (e: React.MouseEvent) => {
         e.stopPropagation();
-        updateValue(value.slice(0, responsiveSettings.maxCount));
+        updateValue(value.slice(0, chipLimit));
       },
-      [value, responsiveSettings.maxCount, updateValue],
+      [value, chipLimit, updateValue],
     );
 
     // Imperative API via ref
@@ -604,7 +610,7 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
 
     const isAllSelected =
       !hasAsync && options.length > 1 && value.length === options.length;
-    const visibleChips = selectedOptions.slice(0, responsiveSettings.maxCount);
+    const visibleChips = selectedOptions.slice(0, chipLimit);
     const extraCount = value.length - visibleChips.length;
 
     const visibleOptions = filteredOptions.slice(
@@ -667,43 +673,58 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
               </Badge>
             ) : (
               <>
+                {/* singleLine: chip KHÔNG có nút × riêng (trigger hẹp, chữ cần
+                    chỗ) — bỏ chọn bằng dropdown hoặc × xóa-tất-cả */}
                 {visibleChips.map((opt, chipIndex) => (
                   <Badge
                     key={String(opt.value)}
                     variant="secondary"
+                    title={opt.label}
                     className={cn(
-                      "min-w-0 max-w-[8.5rem] shrink gap-1 pr-1 font-normal",
+                      "min-w-0 shrink gap-1 font-normal",
+                      singleLine ? "max-w-full" : "max-w-[8.5rem] pr-1",
                       chipColor === "neutral"
                         ? "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary"
                         : CHIP_COLORS[chipIndex % CHIP_COLORS.length],
                     )}
                   >
                     <span className="truncate">{opt.label}</span>
-                    <span
-                      role="button"
-                      aria-label={`Bỏ chọn ${opt.label}`}
-                      className="flex h-4 w-4 shrink-0 items-center justify-center rounded-sm opacity-60 transition-opacity hover:opacity-100"
-                      onClick={(e) => handleRemove(opt.value, e)}
-                    >
-                      <X className="h-3 w-3" />
-                    </span>
+                    {!singleLine && (
+                      <span
+                        role="button"
+                        aria-label={`Bỏ chọn ${opt.label}`}
+                        className="flex h-4 w-4 shrink-0 items-center justify-center rounded-sm opacity-60 transition-opacity hover:opacity-100"
+                        onClick={(e) => handleRemove(opt.value, e)}
+                      >
+                        <X className="h-3 w-3" />
+                      </span>
+                    )}
                   </Badge>
                 ))}
                 {extraCount > 0 && (
                   <Badge
                     variant="secondary"
-                    className="shrink-0 gap-1 border-transparent bg-secondary pr-1 font-normal hover:bg-secondary"
+                    title={selectedOptions
+                      .slice(chipLimit)
+                      .map((o) => o.label)
+                      .join(", ")}
+                    className={cn(
+                      "shrink-0 gap-1 border-transparent bg-secondary font-normal hover:bg-secondary",
+                      !singleLine && "pr-1",
+                    )}
                   >
                     +{extraCount}
-                    <span
-                      role="button"
-                      aria-label="Bỏ các mục vượt quá"
-                      title="Bỏ các mục vượt quá"
-                      className="flex h-4 w-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-muted-foreground/20 hover:text-foreground"
-                      onClick={clearExtraOptions}
-                    >
-                      <X className="h-3 w-3" />
-                    </span>
+                    {!singleLine && (
+                      <span
+                        role="button"
+                        aria-label="Bỏ các mục vượt quá"
+                        title="Bỏ các mục vượt quá"
+                        className="flex h-4 w-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-muted-foreground/20 hover:text-foreground"
+                        onClick={clearExtraOptions}
+                      >
+                        <X className="h-3 w-3" />
+                      </span>
+                    )}
                   </Badge>
                 )}
               </>