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

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, useRef } from 'react';
 import { createCustomViewMenuItem } from '../utils';
 export const useViewSelector = ({ mode, onViewChange, onTableViewsChange, onCustomViewsChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, resetTableViews, setTableViews, tableViews, customViews, defaultColumns, defaultTemplate, setInternalCustomViews, setInternalTableViews, setDefaultColumns, }) => {
     const [anchorViewEl, setAnchorViewEl] = useState(null);
@@ -17,6 +17,7 @@ export const useViewSelector = ({ mode, onViewChange, onTableViewsChange, onCust
     const [selectedViewInfo, setSelectedViewInfo] = useState({ id: 'default', label: 'Default' });
     const [shouldUseCurrentState, setShouldUseCurrentState] = useState(false);
     const [selectedView, setSelectedView] = useState(undefined);
+    const hasInitializedRef = useRef(false);
     // Update editingView when customViews changes to ensure it reflects the latest saved state
     useEffect(() => {
         if (editingView && customViews.length > 0) {
@@ -43,14 +44,18 @@ export const useViewSelector = ({ mode, onViewChange, onTableViewsChange, onCust
             }
         }
     }, [customViews, selectedView, onViewChange]);
-    // Notify parent of initial view on mount
+    // Notify parent of initial view on mount only
     useEffect(() => {
+        // Only initialize once on mount, don't reset if user has already selected a view
+        if (hasInitializedRef.current)
+            return;
         // Use defaultTemplate if available, otherwise undefined (built-in default view)
         const initialView = defaultTemplate || undefined;
         console.log('initialView', initialView);
         setSelectedView(initialView);
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(initialView);
-    }, [onViewChange, defaultTemplate]);
+        hasInitializedRef.current = true;
+    }, [defaultTemplate, onViewChange]);
     const handleTableViewsChange = useCallback((newTableViews) => {
         const setTableViewsState = setTableViews !== null && setTableViews !== void 0 ? setTableViews : setInternalTableViews;
         setTableViewsState(newTableViews);

package/build/components/TableHeader/TableView/styles.js

@@ -350,18 +350,24 @@ export const ResetCheckboxSx = {
 };
 export const SubmenuContainer = styled(Box)(() => ({
     minWidth: 200,
+    display: 'flex',
+    flexDirection: 'column',
+    maxHeight: '80vh',
+    overflow: 'hidden',
 }));
 export const ColumnItemsContainer = styled(Box)(() => ({
-    maxHeight: 300,
+    flex: 1,
     overflowY: 'auto',
     paddingLeft: 6,
     paddingRight: 6,
+    minHeight: 0,
 }));
 export const SaveCustomViewBox = styled(Box)(() => ({
     paddingLeft: 8,
     paddingRight: 8,
     paddingTop: 8,
     paddingBottom: 8,
+    flexShrink: 0,
 }));
 export const SaveCustomViewInnerBox = styled(Box)(({ disabled }) => ({
     width: '100%',
@@ -376,7 +382,7 @@ export const SaveCustomViewInnerBox = styled(Box)(({ disabled }) => ({
     cursor: disabled ? 'not-allowed' : 'pointer',
     opacity: disabled ? 0.5 : 1,
 }));
-export const ButtonsContainer = styled(Box)(() => ({
+export const ButtonsContainer = styled(Box)(({ theme }) => ({
     display: 'flex',
     justifyContent: 'flex-end',
     gap: 12,
@@ -384,6 +390,9 @@ export const ButtonsContainer = styled(Box)(() => ({
     paddingBottom: 8,
     paddingLeft: 12,
     paddingRight: 12,
+    flexShrink: 0,
+    borderTop: '1px solid',
+    borderColor: theme.palette.divider,
 }));
 export const CancelButtonSx = {
     fontSize: 11,

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