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

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

@@ -20,7 +20,7 @@ function ViewSelector({ onViewChange, setIsViewVisible, setTableViews, tableView
     });
     const tableViews = externalTableViews !== null && externalTableViews !== void 0 ? externalTableViews : internalTableViews;
     const customViews = externalCustomViews !== null && externalCustomViews !== void 0 ? externalCustomViews : internalCustomViews;
-    const { anchorViewEl, defaultViewEl, setDefaultViewElement, isCreateDialogOpen, editingView, selectedViewInfo, shouldUseCurrentState, handleViewButtonClick, handleCloseViewDropdown, handleSelectedViewInfo, handleOpenCreateDialog, handleOpenEditDialog, handleCloseCreateDialog, handleSaveView, handleDeleteView, handleResetViews, handleTableViewsChange, } = useViewSelector({
+    const { anchorViewEl, defaultViewEl, setDefaultViewElement, isCreateDialogOpen, editingView, selectedViewInfo, shouldUseCurrentState, handleViewButtonClick, handleCloseViewDropdown, handleSelectedViewInfo, handleOpenCreateDialog, handleOpenEditDialog, handleCloseCreateDialog, handleSaveView, handleDeleteView, handleResetViews, handleTableViewsChange, updateSelectedView, } = useViewSelector({
         mode,
         onViewChange,
         onTableViewsChange,
@@ -40,6 +40,6 @@ function ViewSelector({ onViewChange, setIsViewVisible, setTableViews, tableView
     });
     return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCloseViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ sx: { width: '32px' }, "data-testid": "ViewSelector" }, { children: [_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "ViewSelector_button", onClick: handleViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), _jsx(ViewsDropdown, { open: Boolean(defaultViewEl), anchorEl: anchorViewEl, setSelectedViewInfo: handleSelectedViewInfo, selectedViewInfo: selectedViewInfo, onSelect: (e, selectedView) => {
                                 setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                            }, setViews: handleResetViews, tableViews: tableViews, setTableViews: handleTableViewsChange, onCreateCustomView: handleOpenCreateDialog, customViews: customViews, onEditCustomView: handleOpenEditDialog, defaultColumns: defaultColumns, setDefaultColumns: setDefaultColumns, onViewChange: onViewChange })] })) })), _jsx(CreateViewDialog, { open: isCreateDialogOpen, onClose: handleCloseCreateDialog, availableColumns: defaultColumns, defaultColumns: defaultColumns, onCreate: handleSaveView, editingView: editingView, onDelete: handleDeleteView, tableViews: shouldUseCurrentState ? defaultColumns : undefined, mode: mode })] }));
+                            }, setViews: handleResetViews, tableViews: tableViews, setTableViews: handleTableViewsChange, onCreateCustomView: handleOpenCreateDialog, customViews: customViews, onEditCustomView: handleOpenEditDialog, defaultColumns: defaultColumns, setDefaultColumns: setDefaultColumns, updateSelectedView: updateSelectedView })] })) })), _jsx(CreateViewDialog, { open: isCreateDialogOpen, onClose: handleCloseCreateDialog, availableColumns: defaultColumns, defaultColumns: defaultColumns, onCreate: handleSaveView, editingView: editingView, onDelete: handleDeleteView, tableViews: shouldUseCurrentState ? defaultColumns : undefined, mode: mode })] }));
 }
 export default memo(ViewSelector);

package/build/components/TableHeader/TableView/ViewsDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ViewsDropdownProps } from './types';
-declare function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl, onCreateCustomView, customViews, onEditCustomView, defaultColumns, setDefaultColumns, onViewChange, }: Readonly<ViewsDropdownProps>): import("react/jsx-runtime").JSX.Element;
+declare function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl, onCreateCustomView, customViews, onEditCustomView, defaultColumns, setDefaultColumns, updateSelectedView, }: Readonly<ViewsDropdownProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ViewsDropdown>;
 export default _default;

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

@@ -14,7 +14,7 @@ import { defaultViewList } from './data';
 import { ViewsSubmenu } from './components/ViewsSubmenu';
 import { ListStyled, DropdownStyled, MenuItem as StyledMenuItem, Space, SpaceAfter, SubmenuContainer, SaveCustomViewBox, SaveCustomViewInnerBox, ButtonsContainer, CancelButtonSx, OkayButtonSx, ModifiedTextSx, } from './styles';
 import { deepCloneColumns, toggleSingleColumn, toggleSubItem, getSubmenuItems, hasSubmenu, areAllCurrentColumnsSelected, areSomeCurrentColumnsSelected, toggleAllCurrentColumns, areColumnsEqual, } from './utils';
-function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl, onCreateCustomView, customViews = [], onEditCustomView, defaultColumns = [], setDefaultColumns, onViewChange, }) {
+function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl, onCreateCustomView, customViews = [], onEditCustomView, defaultColumns = [], setDefaultColumns, updateSelectedView, }) {
     const { t } = useTranslation();
     const { hoveredColumn: hoveredItem, anchorEl: submenuAnchorEl, openSubmenu: handleMenuItemHover, closeSubmenu: handleMenuItemLeave, cancelClose: handleSubmenuEnter, forceClose: forceCloseSubmenu, } = useSubmenuHover();
     const [hoveredCustomView, setHoveredCustomView] = React.useState(null);
@@ -123,15 +123,15 @@ function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect,
             setIsDefaultModified(hasChanges);
             if (hasChanges) {
                 setBaselineColumns(deepCloneColumns(originalColumns));
-                // Update table when default columns change and default view is selected
-                if (selectedViewInfo.id === 'default' && defaultColumns.length > 0) {
+                // Update selected view internally and notify parent via callback
+                if (selectedViewInfo.id === 'default' && defaultColumns.length > 0 && updateSelectedView) {
                     const defaultViewWithColumns = {
                         id: 'default',
                         label: 'Default',
                         submenu: [...defaultColumns],
                         columns: defaultColumns.map((col) => col.name),
                     };
-                    onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(defaultViewWithColumns);
+                    updateSelectedView(defaultViewWithColumns);
                 }
             }
             else {

package/build/components/TableHeader/TableView/hooks/useViewSelector.d.ts

@@ -54,4 +54,5 @@ export declare const useViewSelector: ({ mode, onViewChange, onTableViewsChange,
     handleDeleteView: (viewId: string) => Promise<void>;
     handleResetViews: (views: string[]) => void;
     handleTableViewsChange: (newTableViews: ColumnViewProps[]) => void;
+    updateSelectedView: (updatedView: ViewMenuItem) => void;
 };

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

@@ -81,6 +81,13 @@ export const useViewSelector = ({ mode, onViewChange, onTableViewsChange, onCust
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(newSelectedView);
         handleCloseViewDropdown();
     }, [handleCloseViewDropdown, onViewChange]);
+    // Internal function to update selected view and notify parent
+    // Used when default columns change via "Okay" button
+    const updateSelectedView = useCallback((updatedView) => {
+        setSelectedView(updatedView);
+        setSelectedViewInfo({ id: updatedView.id, label: updatedView.label });
+        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(updatedView);
+    }, [onViewChange, setSelectedViewInfo]);
     const handleOpenCreateDialog = useCallback((useCurrentState = false) => {
         setEditingView(null);
         setShouldUseCurrentState(useCurrentState);
@@ -173,5 +180,6 @@ export const useViewSelector = ({ mode, onViewChange, onTableViewsChange, onCust
         handleDeleteView,
         handleResetViews,
         handleTableViewsChange,
+        updateSelectedView,
     };
 };

package/build/components/TableHeader/TableView/types.d.ts

@@ -132,7 +132,7 @@ export interface ViewsDropdownProps {
     onEditCustomView?: (view: ViewMenuItem) => void;
     defaultColumns?: ColumnViewProps[];
     setDefaultColumns?: (columns: ColumnViewProps[]) => void;
-    onViewChange?: (selectedView?: ViewMenuItem) => void;
+    updateSelectedView?: (view: ViewMenuItem) => void;
 }
 export interface ColumnListProps {
     selectedColumns: ColumnViewProps[];

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