@tap-payments/os-micro-frontend-shared 0.1.373-test.3-test.4-test.5 → 0.1.373-test.3-test.4-test.5-test.6

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

@@ -18,6 +18,8 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
     const [selectedView, setSelectedView] = useState(undefined);
     const [currentViewColumns, setCurrentViewColumns] = useState([]);
     const hasInitializedRef = useRef(false);
+    const pendingSelectAfterCreateRef = useRef(false);
+    const allTemplatesLengthRef = useRef(allTemplates.length);
     const getViewForParent = useCallback((view) => {
         var _a;
         const selectedColumns = ((_a = view.submenu) === null || _a === void 0 ? void 0 : _a.filter((col) => col.selected)) || [];
@@ -98,6 +100,21 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
             onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(viewForParent);
         }
     }, [allTemplates, selectedView, onViewChange]);
+    useEffect(() => {
+        const prevLength = allTemplatesLengthRef.current;
+        allTemplatesLengthRef.current = allTemplates.length;
+        if (!pendingSelectAfterCreateRef.current || allTemplates.length === 0 || allTemplates.length <= prevLength)
+            return;
+        const customViews = allTemplates.filter((t) => t.isCustom);
+        if (customViews.length === 0)
+            return;
+        const newView = customViews[customViews.length - 1];
+        setSelectedView(newView);
+        setCurrentViewColumns(deepCloneColumns(newView.submenu || []));
+        setSelectedViewInfo({ id: newView.id, label: newView.label });
+        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(newView));
+        pendingSelectAfterCreateRef.current = false;
+    }, [allTemplates, onViewChange, getViewForParent]);
     const handleViewButtonClick = useCallback((event) => {
         setAnchorEl((current) => (current ? null : event.currentTarget));
     }, []);
@@ -139,12 +156,17 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
         if (editingView) {
             const templateId = editingView.templateId || editingView.id;
             yield (onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(templateId, data));
-            // List/selection update is handled internally by parent (e.g. templates state refresh)
+            const updatedView = Object.assign(Object.assign({}, editingView), { label: data.name, submenu: deepCloneColumns(data.selectedColumns), columns: data.selectedColumns.map((c) => c.name) });
+            setSelectedView(updatedView);
+            setCurrentViewColumns(deepCloneColumns(data.selectedColumns));
+            setSelectedViewInfo({ id: updatedView.id, label: updatedView.label });
+            onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(updatedView));
         }
         else {
             yield (onCreateCustomView === null || onCreateCustomView === void 0 ? void 0 : onCreateCustomView(data));
+            pendingSelectAfterCreateRef.current = true;
         }
-    }), [editingView, onEditCustomView, onCreateCustomView]);
+    }), [editingView, onEditCustomView, onCreateCustomView, onViewChange, getViewForParent]);
     const handleDeleteView = useCallback((viewId) => __awaiter(void 0, void 0, void 0, function* () {
         const viewToDelete = allTemplates.find((view) => view.id === viewId || view.templateId === viewId);
         const templateId = (viewToDelete === null || viewToDelete === void 0 ? void 0 : viewToDelete.templateId) || viewId;

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.373-test.3-test.4-test.5",
-  "testVersion": 5,
+  "version": "0.1.373-test.3-test.4-test.5-test.6",
+  "testVersion": 6,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",