@goplusvn/core 0.1.17 → 0.1.18

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.1.18 — SettingsProvider nhận `defaults` (đổi màu/theme mặc định theo app)
+
+Customizer khóa cứng `defaultSettings.theme = "blue"` trong core → app không đặt
+được màu mặc định riêng (vd wu-vpbank muốn "green"). Thêm prop tùy chọn `defaults?:
+Partial<SettingsType>` cho `SettingsProvider` — merge lên core defaults (áp cho state
+đầu, khi không có cookie, và resetSettings). Additive/backward-compatible. App dùng:
+`<SettingsProvider locale={locale} defaults={{ theme: "green" }}>`.
+
+
 ## 0.1.17 — Fix: khôi phục nền màu tab (page-tabs) theo golden vinhhoa
 
 Bản "neutral single-style" trước đó bỏ gradient nền tab NHƯNG vẫn để icon/chữ

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.17",
+  "version": "0.1.18",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/src/providers/index.tsx

@@ -39,14 +39,20 @@ export const SettingsContext = createContext<
 export function SettingsProvider({
   locale,
   children,
+  defaults,
 }: {
   locale: LocaleType;
   children: ReactNode;
+  /** App-level overrides của defaultSettings (vd theme, radius). Truyền object
+   *  ỔN ĐỊNH (module-level const) để tránh re-render. Mặc định = defaultSettings core. */
+  defaults?: Partial<SettingsType>;
 }) {
+  // Mặc định của app = core defaults + override từ app (vd theme:"green").
+  const base = { ...defaultSettings, ...defaults };
   const [storedSettings, setStoredSettings, deleteStoredSettings] =
     useCookie("settings");
   const [settings, setSettings] = useState<SettingsType>(() => ({
-    ...defaultSettings,
+    ...base,
     locale,
   }));
 
@@ -54,14 +60,15 @@ export function SettingsProvider({
     if (storedSettings) {
       try {
         const parsedSettings = JSON.parse(storedSettings);
-        setSettings({ ...defaultSettings, ...parsedSettings });
+        setSettings({ ...base, ...parsedSettings });
       } catch {
-        setSettings({ ...defaultSettings, locale });
+        setSettings({ ...base, locale });
       }
     } else {
-      setSettings({ ...defaultSettings, locale });
+      setSettings({ ...base, locale });
     }
-  }, [storedSettings, locale]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [storedSettings, locale, defaults]);
 
   const updateSettings = useCallback(
     (newSettings: SettingsType) => {
@@ -73,8 +80,8 @@ export function SettingsProvider({
 
   const resetSettings = useCallback(() => {
     deleteStoredSettings();
-    setSettings(defaultSettings);
-  }, [deleteStoredSettings]);
+    setSettings({ ...defaultSettings, ...defaults });
+  }, [deleteStoredSettings, defaults]);
 
   // Apply the appearance choices the Customizer exposes but that nothing else
   // wires up. Without this, the "Radius" and "Density" controls store a value