@topconsultnpm/sdkui-react 6.19.0-dev2.1 → 6.19.0-dev2.2

package/lib/components/settings/SettingsAppearance.js

@@ -18,6 +18,10 @@ const fontSizes = [
     { value: "19px", display: "19px" },
     { value: "20px", display: "20px" }
 ];
+const fontFamilies = [
+    { value: "Inter", display: "Inter" },
+    { value: "Roboto", display: "Roboto" }
+];
 const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: true, canSearch: true, dossiersLicense: true, wgGroupLicense: true, workFlowLicense: true } }) => {
     const [, setForceUpdate] = useState(0); // Dummy state to force re-renders
     const triggerUIUpdate = () => setForceUpdate((prev) => prev + 1); // Increment dummy state to re-render
@@ -47,6 +51,10 @@ const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: t
                     let newpx = e.target.value;
                     SDKUI_Globals.userSettings.themeSettings.fontSize = newpx;
                     triggerUIUpdate();
+                } }), _jsx(TMDropDown, { label: 'Family', dataSource: fontFamilies, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontFamily, onValueChanged: (e) => {
+                    let newFamily = e.target.value;
+                    SDKUI_Globals.userSettings.themeSettings.fontFamily = newFamily;
+                    triggerUIUpdate();
                 } }), _jsx("p", { style: { fontSize: '1rem', fontWeight: 'bold', marginTop: '10px', marginBottom: '5px' }, children: SDKUI_Localizator.Grids }), _jsx(TMCheckBox, { label: SDKUI_Localizator.ShowRowSeparatingLines, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines, onValueChanged: (newValue) => {
                     SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines = newValue;
                     triggerUIUpdate();

package/lib/helper/SDKUI_Globals.d.ts

@@ -32,6 +32,7 @@ export declare class DataGridSettings {
 }
 export declare class ThemeSettings {
     fontSize: string;
+    fontFamily: string;
     gridSettings: DataGridSettings;
     constructor(skipCssUpdate?: boolean);
     /**
@@ -40,6 +41,7 @@ export declare class ThemeSettings {
      */
     toJSON(): {
         fontSize: string;
+        fontFamily: string;
         gridSettings: DataGridSettings;
     };
 }

package/lib/helper/SDKUI_Globals.js

@@ -36,8 +36,9 @@ export class UserSettings {
         // Ensure userID and archiveID are set
         settings.userID = userID;
         settings.archiveID = archiveID;
-        // Update the CSS variable for font size
+        // Update the CSS variables for font size and font family
         document.documentElement.style.setProperty('--base-font-size', settings.themeSettings.fontSize);
+        document.documentElement.style.setProperty('--base-font-family', settings.themeSettings.fontFamily);
         // Wrap the settings object in a Proxy to intercept property updates
         const proxiedSettings = createProxy(settings, UserSettings.SaveSettings);
         // Automatically set the global userSettings
@@ -68,10 +69,12 @@ export class DataGridSettings {
 export class ThemeSettings {
     constructor(skipCssUpdate = false) {
         this.fontSize = FontSize.defaultFontSizeInPixel;
+        this.fontFamily = 'Inter';
         this.gridSettings = new DataGridSettings();
         // Automatically update the CSS variable for font size
         if (!skipCssUpdate) {
             document.documentElement.style.setProperty('--base-font-size', this.fontSize);
+            document.documentElement.style.setProperty('--base-font-family', this.fontFamily);
         }
     }
     /**
@@ -81,6 +84,7 @@ export class ThemeSettings {
     toJSON() {
         return {
             fontSize: this.fontSize,
+            fontFamily: this.fontFamily,
             gridSettings: this.gridSettings,
         };
     }
@@ -148,6 +152,10 @@ function createProxy(obj, saveCallback, rootObj) {
             if (prop === 'fontSize' && root instanceof UserSettings) {
                 document.documentElement.style.setProperty('--base-font-size', value);
             }
+            // Handle specific property (fontFamily) updates
+            if (prop === 'fontFamily' && root instanceof UserSettings) {
+                document.documentElement.style.setProperty('--base-font-family', value);
+            }
             // Handle specific property (invoiceRetrieveFormat, orderRetrieveFormat) updates
             if ((prop === 'invoiceRetrieveFormat' || prop === 'orderRetrieveFormat') && root instanceof UserSettings) {
                 clearDcmtsFileCache();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev2.1",
+    "version": "6.19.0-dev2.2",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.19.0-dev2.1",
+        "@topconsultnpm/sdk-ts": "6.19.0-test.1",
         "buffer": "^6.0.3",
         "devextreme": "25.1.4",
         "devextreme-react": "25.1.4",