@admin-layout/client 10.0.9-alpha.58 → 10.0.9-alpha.59

package/lib/hooks/useLayoutSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutSettings.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutSettings.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,iBAAiB;;0BAuCP,GAAG;CA2CzB,CAAC"}
+{"version":3,"file":"useLayoutSettings.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutSettings.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,iBAAiB;;0BA2CP,GAAG;CA6CzB,CAAC"}

package/lib/hooks/useLayoutSettings.js

@@ -1,4 +1,4 @@
-import {useEffect,useCallback}from'react';import {useDispatch,useSelector}from'react-redux';import {CHANGE_SETTINGS_ACTION}from'../constants/constants.js';const updateColorWeak = (colorWeak) => {
+import {useEffect,useCallback}from'react';import {useDispatch,useSelector}from'react-redux';import {merge,transform,isEqual,isObject}from'lodash-es';import {defaultSettings}from'../config/defaultSettings.js';import {CHANGE_SETTINGS_ACTION}from'../constants/constants.js';const updateColorWeak = (colorWeak) => {
     // @sri to avoid breaking during SSR, split into to checks
     if (typeof window !== 'undefined') {
         const root = document.getElementById('root');
@@ -7,6 +7,13 @@ import {useEffect,useCallback}from'react';import {useDispatch,useSelector}from'r
         }
     }
 };
+const getDifference = (obj1, obj2) => {
+    return transform(obj1, (result, value, key) => {
+        if (!isEqual(value, obj2[key])) {
+            result[key] = isObject(value) && isObject(obj2[key]) ? getDifference(value, obj2[key]) : value;
+        }
+    });
+};
 const useLayoutSettings = () => {
     const dispatch = useDispatch();
     const settings = useSelector((state) => state.settings);
@@ -33,30 +40,34 @@ const useLayoutSettings = () => {
             if (!response.ok) {
                 throw new Error('Failed to fetch settings');
             }
-            const result = await response.json();
-            return result;
+            const diffSettings = await response.json();
+            // Merge the differences with default settings
+            const mergedSettings = merge({}, defaultSettings, diffSettings);
+            return mergedSettings;
         }
         catch (error) {
             console.error(error);
-            return null;
+            // Return default settings if there's an error
+            return defaultSettings;
         }
     }, []);
     const setSettings = useCallback(async (config) => {
         const { colorWeak, contentWidth } = config;
         try {
-            // @sri to avoid breaking during SSR, split into to checks
             if (settings.contentWidth !== contentWidth) {
                 if (typeof window !== 'undefined') {
                     window.dispatchEvent(new Event('resize'));
                 }
             }
             updateColorWeak(!!colorWeak);
+            // Get only the differences between the new config and default settings
+            const diffConfig = getDifference(config, defaultSettings);
             const response = await fetch('/resources/settings', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
                 },
-                body: JSON.stringify({ config }),
+                body: JSON.stringify({ config: diffConfig }),
             });
             if (!response.ok) {
                 throw new Error('Failed to update settings');

package/lib/hooks/useLayoutSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutSettings.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useLayoutSettings.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/client",
-    "version": "10.0.9-alpha.58",
+    "version": "10.0.9-alpha.59",
     "description": "Sample client for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -37,7 +37,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "8985249faa0bebab756c20a2bcd92ddcb295ca8f",
+    "gitHead": "0ec2dd288c00e0abcd1b0e9a8738c9d9eb1050da",
     "typescript": {
         "definition": "lib/index.d.ts"
     }