@topconsultnpm/sdkui-react 6.20.0-dev1.31 → 6.20.0-dev1.32

package/lib/components/NewComponents/FloatingMenuBar/TMFloatingMenuBar.js

@@ -7,26 +7,74 @@ import * as S from './styles';
 import { IconApply, IconMenuKebab, IconMenuVertical, IconPencil, IconPin, SDKUI_Globals } from '../../../helper';
 const IconDraggableDots = (props) => (_jsx("svg", { fontSize: 18, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: _jsx("path", { d: "M9 3a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0zm10-18a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0z" }) }));
 const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained = false, defaultPosition = { x: 100, y: 100 }, maxItems = 8, }) => {
+    const getDefaultConfig = () => ({
+        orientation: 'horizontal',
+        savedItemIds: [],
+        position: defaultPosition,
+    });
+    const resetFloatingBarSettings = () => {
+        // Reset the floatingMenuBar settings in SDKUI_Globals to trigger save to localStorage
+        SDKUI_Globals.userSettings.searchSettings.floatingMenuBar = {
+            orientation: 'horizontal',
+            itemIds: [],
+            position: defaultPosition,
+        };
+    };
     const loadConfig = () => {
         try {
             const settings = SDKUI_Globals.userSettings.searchSettings.floatingMenuBar;
+            // Validate that settings object exists and has required properties with correct types
+            if (!settings || typeof settings !== 'object') {
+                console.warn('FloatingMenuBar: Invalid settings object, resetting to defaults');
+                resetFloatingBarSettings();
+                return getDefaultConfig();
+            }
+            // Validate position
+            const hasValidPosition = settings.position &&
+                typeof settings.position.x === 'number' &&
+                typeof settings.position.y === 'number' &&
+                !isNaN(settings.position.x) &&
+                !isNaN(settings.position.y) &&
+                isFinite(settings.position.x) &&
+                isFinite(settings.position.y);
+            if (!hasValidPosition) {
+                console.warn('FloatingMenuBar: Invalid position, resetting to defaults');
+                resetFloatingBarSettings();
+                return getDefaultConfig();
+            }
+            // Ensure position is within reasonable viewport bounds
+            const maxX = globalThis.window?.innerWidth ? globalThis.window.innerWidth - 50 : 1000;
+            const maxY = globalThis.window?.innerHeight ? globalThis.window.innerHeight - 50 : 800;
+            if (settings.position.x < 0 || settings.position.x > maxX ||
+                settings.position.y < 0 || settings.position.y > maxY) {
+                console.warn('FloatingMenuBar: Position out of bounds, resetting to defaults');
+                resetFloatingBarSettings();
+                return getDefaultConfig();
+            }
+            // Validate orientation
+            const validOrientation = (settings.orientation === 'horizontal' || settings.orientation === 'vertical')
+                ? settings.orientation
+                : 'horizontal';
+            // Validate itemIds
+            const validItemIds = Array.isArray(settings.itemIds) ? settings.itemIds : [];
             // Check if position was actually saved (not just the default class value)
-            const hasSavedPosition = settings.position &&
-                (settings.position.x !== 100 || settings.position.y !== 100 ||
-                    (settings.itemIds && settings.itemIds.length > 0));
+            const hasSavedPosition = settings.position.x !== 100 || settings.position.y !== 100 || validItemIds.length > 0;
             return {
-                orientation: settings.orientation || 'horizontal',
-                savedItemIds: settings.itemIds || [],
+                orientation: validOrientation,
+                savedItemIds: validItemIds,
                 position: hasSavedPosition ? settings.position : defaultPosition,
             };
         }
         catch (error) {
             console.error('Failed to load FloatingMenuBar config:', error);
-            return {
-                orientation: 'horizontal',
-                savedItemIds: [],
-                position: defaultPosition,
-            };
+            // Reset to defaults on any error
+            try {
+                resetFloatingBarSettings();
+            }
+            catch (e) {
+                console.error('Failed to reset FloatingMenuBar settings:', e);
+            }
+            return getDefaultConfig();
         }
     };
     const initialConfig = loadConfig();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.31",
+  "version": "6.20.0-dev1.32",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",