@tap-payments/os-micro-frontend-shared 0.1.415-test.1-test.2 → 0.1.415-test.1-test.2-test.3

package/build/components/TableHeader/TableView/hooks/useViewsMenu.js

@@ -18,11 +18,17 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
     const [selectedTemplateId, setSelectedTemplateId] = useState(null);
     const hasInitializedRef = useRef(false);
     const lastModeRef = useRef(null);
+    const onViewChangeRef = useRef(onViewChange);
+    onViewChangeRef.current = onViewChange;
     const getViewForParent = useCallback((view) => {
         var _a;
         const selectedColumns = ((_a = view.submenu) === null || _a === void 0 ? void 0 : _a.filter((col) => col.selected)) || [];
         return Object.assign(Object.assign({}, view), { submenu: selectedColumns, columns: selectedColumns.map((col) => col.name) });
     }, []);
+    const notifyViewChange = useCallback((view) => {
+        var _a;
+        (_a = onViewChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onViewChangeRef, view ? getViewForParent(view) : undefined);
+    }, [getViewForParent]);
     const selectedView = useMemo(() => {
         if (!selectedTemplateId)
             return defaultTemplate;
@@ -38,7 +44,9 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
             label: (selectedView === null || selectedView === void 0 ? void 0 : selectedView.label) || 'Default',
         };
     }, [selectedView]);
+    // Init: set default template id and notify parent once (no effect that depends on selectedView)
     useEffect(() => {
+        var _a;
         if (hasInitializedRef.current)
             return;
         if (!defaultTemplate)
@@ -46,7 +54,8 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
         setSelectedTemplateId(defaultTemplate.templateId || null);
         hasInitializedRef.current = true;
         lastModeRef.current = mode;
-    }, [defaultTemplate, mode]);
+        (_a = onViewChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onViewChangeRef, getViewForParent(defaultTemplate));
+    }, [defaultTemplate, mode, getViewForParent]);
     useEffect(() => {
         if (!hasInitializedRef.current)
             return;
@@ -65,14 +74,6 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
             setSelectedTemplateId(null);
         }
     }, [mode, selectedTemplateId, allTemplates, defaultTemplate]);
-    useEffect(() => {
-        if (selectedView) {
-            onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(selectedView));
-        }
-        else {
-            onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(undefined);
-        }
-    }, [selectedView, onViewChange, getViewForParent]);
     const handleViewButtonClick = useCallback((event) => {
         setAnchorEl((current) => (current ? null : event.currentTarget));
     }, []);
@@ -82,8 +83,10 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
     const handleSelectedViewInfo = useCallback((selected, viewMenuItem) => {
         const templateId = (viewMenuItem === null || viewMenuItem === void 0 ? void 0 : viewMenuItem.isCustom) ? viewMenuItem.templateId || viewMenuItem.id : (viewMenuItem === null || viewMenuItem === void 0 ? void 0 : viewMenuItem.templateId) || null;
         setSelectedTemplateId(templateId);
+        if (viewMenuItem)
+            notifyViewChange(viewMenuItem);
         handleCloseViewDropdown();
-    }, [handleCloseViewDropdown]);
+    }, [handleCloseViewDropdown, notifyViewChange]);
     const updateSelectedView = useCallback((updatedView) => {
         const templateId = updatedView.templateId || updatedView.id;
         setSelectedTemplateId((prev) => (prev !== templateId ? templateId : prev));
@@ -126,8 +129,10 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
         yield (onDeleteCustomView === null || onDeleteCustomView === void 0 ? void 0 : onDeleteCustomView(templateId));
         if (selectedTemplateId === templateId) {
             setSelectedTemplateId((defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.templateId) || null);
+            if (defaultTemplate)
+                notifyViewChange(defaultTemplate);
         }
-    }), [allTemplates, onDeleteCustomView, selectedTemplateId, defaultTemplate]);
+    }), [allTemplates, onDeleteCustomView, selectedTemplateId, defaultTemplate, notifyViewChange]);
     return {
         anchorEl,
         isCreateDialogOpen,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.415-test.1-test.2",
-  "testVersion": 2,
+  "version": "0.1.415-test.1-test.2-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",