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

package/build/components/TableHeader/FiltersRow.js

@@ -4,7 +4,7 @@ import { SearchButton, StyledButton, Icon, RangeCalender } from '../index.js';
 import { viewIcon } from '../../constants/index.js';
 import FiltersRowWrapper from './FiltersRowWrapper';
 import TableView from './TableView';
-import { ViewSelector } from './TableView';
+import { ViewsMenu } from './TableView';
 import TableModeButton from './TableModeButton';
 export default function FiltersRow({ date, calendarMode, onDateChange, onCalendarModeSwitch, tableReportsComponent, tableFilterComponent, isReportsButtonVisible, onViewChange, onSearchChange, onToggleViewButtonClick, rightActions, leftActions, setTableViews, tableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, maxDateRange = 31, searchPlaceholder, isAcceptance, tableMode = 'default', timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, onCreateCustomView, onEditCustomView, onDeleteCustomView, templates, lang, }) {
     const [isViewVisible, setIsViewVisible] = useState(false);
@@ -16,5 +16,5 @@ export default function FiltersRow({ date, calendarMode, onDateChange, onCalenda
                                 onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange([startDate, endDate]);
                             }
                         }, mode: calendarMode, onCalendarModeSwitch: onCalendarModeSwitch, maxDateRange: maxDateRange, groupBy: calendarGroupBy, onCalendarGroupChange: onCalendarGroupChange, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, timezone: timezone, onChangeTimezone: onChangeTimezone, timezoneCountriesCodes: timezoneCountriesCodes })), isReportsButtonVisible && tableReportsComponent, onToggleTextButtonClick && isAcceptance && tableModeButton] })), onToggleViewButtonClick && (_jsx(StyledButton, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), onViewChange &&
-                (templates ? (_jsx(ViewSelector, { onViewChange: onViewChange, onCreateCustomView: onCreateCustomView, onEditCustomView: onEditCustomView, onDeleteCustomView: onDeleteCustomView, tableMode: tableMode, templates: templates, lang: lang })) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews }))), rightActions && !isViewVisible && rightActions] }));
+                (templates ? (_jsx(ViewsMenu, { onViewChange: onViewChange, onCreateCustomView: onCreateCustomView, onEditCustomView: onEditCustomView, onDeleteCustomView: onDeleteCustomView, tableMode: tableMode, templates: templates, lang: lang })) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews }))), rightActions && !isViewVisible && rightActions] }));
 }

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, onSaveDefaultColumns, defaultColumns, setDefaultColumns, updateSelectedView, mode, defaultTemplate, }: Readonly<ViewsDropdownProps>): import("react/jsx-runtime").JSX.Element;
+declare function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, anchorEl, defaultModified, onMarkDefaultModified, onCreateCustomView, customViews, onEditCustomView, onSaveDefaultColumns, defaultColumns, setDefaultColumns, updateSelectedView, mode, defaultTemplate, }: 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

@@ -13,23 +13,14 @@ import { MAX_CUSTOM_VIEWS } from './constants';
 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, onSaveDefaultColumns, defaultColumns = [], setDefaultColumns, updateSelectedView, mode = 'default', defaultTemplate, }) {
+function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, anchorEl, defaultModified = false, onMarkDefaultModified, onCreateCustomView, customViews = [], onEditCustomView, onSaveDefaultColumns, defaultColumns = [], setDefaultColumns, updateSelectedView, mode = 'default', defaultTemplate, }) {
     const { t } = useTranslation();
     const { hoveredColumn: hoveredItem, anchorEl: submenuAnchorEl, openSubmenu: handleMenuItemHover, closeSubmenu: handleMenuItemLeave, cancelClose: handleSubmenuEnter, forceClose: forceCloseSubmenu, } = useSubmenuHover();
     const [hoveredCustomView, setHoveredCustomView] = React.useState(null);
-    const [isModified, setIsModified] = React.useState(false);
-    // Track original columns when submenu opens
     const { originalColumns, saveOriginalState, clearOriginalState } = useOriginalColumns(defaultColumns);
-    // Build the view list (default template + custom views)
-    // Use actual defaultTemplate from props instead of static defaultViewList
     const viewList = useMemo(() => {
-        const list = [];
-        if (defaultTemplate) {
-            list.push(defaultTemplate);
-        }
-        return [...list, ...customViews];
+        return defaultTemplate ? [defaultTemplate, ...customViews] : customViews;
     }, [defaultTemplate, customViews]);
-    // Get columns for hovered submenu
     const currentSubmenuColumns = useMemo(() => {
         if (!hoveredItem)
             return [];
@@ -38,13 +29,11 @@ function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect,
     }, [hoveredItem, defaultColumns, viewList]);
     const allCurrentSelected = useMemo(() => areAllCurrentColumnsSelected(currentSubmenuColumns), [currentSubmenuColumns]);
     const someCurrentSelected = useMemo(() => areSomeCurrentColumnsSelected(currentSubmenuColumns, allCurrentSelected), [currentSubmenuColumns, allCurrentSelected]);
-    // Check if columns have been modified from original
     const hasChanges = useMemo(() => {
         if (originalColumns.length === 0)
             return false;
         return !areColumnsEqual(defaultColumns, originalColumns);
     }, [defaultColumns, originalColumns]);
-    // Handle clicking on a view item
     const handleViewClick = (item) => {
         forceCloseSubmenu();
         clearOriginalState();
@@ -59,21 +48,18 @@ function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect,
         }
         setSelectedViewInfo(item, viewToPass);
     };
-    // Toggle column selection
     const toggleColumnSelection = (columnName) => {
         if (!setDefaultColumns)
             return;
         const newColumns = toggleSingleColumn(defaultColumns, columnName);
         setDefaultColumns(newColumns);
     };
-    // Toggle nested item
     const toggleNestedItem = (columnName, subItemName) => {
         if (!setDefaultColumns)
             return;
         const newColumns = toggleSubItem(defaultColumns, columnName, subItemName);
         setDefaultColumns(newColumns);
     };
-    // Reorder columns
     const handleReorder = (reorderedColumnNames) => {
         if (!setDefaultColumns)
             return;
@@ -82,71 +68,49 @@ function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect,
             .filter((column) => Boolean(column));
         setDefaultColumns(reorderedColumns);
     };
-    // Select all columns
     const handleSelectAll = () => {
         if (!setDefaultColumns)
             return;
         const newColumns = toggleAllCurrentColumns(defaultColumns, !allCurrentSelected);
         setDefaultColumns(newColumns);
     };
-    // Reset to original
     const handleReset = () => {
         if (!setDefaultColumns || originalColumns.length === 0)
             return;
         setDefaultColumns(deepCloneColumns(originalColumns));
     };
-    // Open submenu
     const handleOpenSubmenu = (itemId, element) => {
         saveOriginalState();
         handleMenuItemHover(itemId, element);
     };
-    // Close submenu and restore if no changes saved
-    const handleSubmenuLeave = () => {
-        // Restore original columns if not saved
-        if (originalColumns.length > 0 && setDefaultColumns) {
+    const restoreSubmenu = () => {
+        if (setDefaultColumns && originalColumns.length > 0) {
             setDefaultColumns(deepCloneColumns(originalColumns));
         }
         clearOriginalState();
         forceCloseSubmenu();
     };
-    // Cancel changes
+    const handleSubmenuLeave = () => {
+        restoreSubmenu();
+    };
     const handleCancel = () => {
-        if (setDefaultColumns && originalColumns.length > 0) {
-            setDefaultColumns(deepCloneColumns(originalColumns));
-        }
-        clearOriginalState();
-        forceCloseSubmenu();
+        restoreSubmenu();
     };
-    // Save changes
     const handleOkay = () => {
-        var _a;
-        // Check if we're viewing the default template
         const isViewingDefault = selectedViewInfo.id === (defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.id) || selectedViewInfo.id === 'default' || (defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.default) === true;
-        console.log('🔵 handleOkay:', {
-            isViewingDefault,
-            hasChanges,
-            selectedViewInfoId: selectedViewInfo.id,
-            defaultTemplateId: defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.id,
-            columnsCount: defaultColumns.length,
-        });
         if (isViewingDefault && defaultTemplate && defaultColumns.length > 0) {
-            // Save changes if any
             if (hasChanges) {
+                onMarkDefaultModified === null || onMarkDefaultModified === void 0 ? void 0 : onMarkDefaultModified();
                 onSaveDefaultColumns === null || onSaveDefaultColumns === void 0 ? void 0 : onSaveDefaultColumns(defaultColumns);
-                setIsModified(true);
             }
-            // ALWAYS update the selected view to reflect current column state
-            // CRITICAL: Create a NEW object with NEW array references to trigger re-renders
             if (updateSelectedView) {
                 const updatedView = Object.assign(Object.assign({}, defaultTemplate), { id: defaultTemplate.id + '', submenu: [...deepCloneColumns(defaultColumns)], columns: [...defaultColumns.map((col) => col.name)] });
-                console.log('🟢 Calling updateSelectedView with:', (_a = updatedView.submenu) === null || _a === void 0 ? void 0 : _a.length, 'columns');
                 updateSelectedView(updatedView);
             }
         }
         clearOriginalState();
         forceCloseSubmenu();
     };
-    // Save as custom view
     const handleSaveAsCustomView = (e) => {
         e.stopPropagation();
         clearOriginalState();
@@ -174,7 +138,7 @@ function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect,
                                 else if (hasSubmenu(item, defaultColumns)) {
                                     handleMenuItemLeave();
                                 }
-                            }, onClick: () => handleViewClick(item), sx: { position: 'relative', cursor: 'pointer', pr: 1.5 } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { style: { width: 15, height: 15 }, src: smallBlueCheckIcon, alt: "check" }) : _jsx(Space, {}), _jsxs("span", Object.assign({ style: { flex: 1, fontSize: 11 } }, { children: [item.label, item.default && item.id === selectedViewInfo.id && isModified && _jsx("span", Object.assign({ style: ModifiedTextSx }, { children: "(Modified)" }))] })), item.isCustom && hoveredCustomView === item.id && (_jsx("img", { src: editIcon, alt: "edit", style: { width: 12, height: 12, cursor: 'pointer' }, onClick: (e) => {
+                            }, onClick: () => handleViewClick(item), sx: { position: 'relative', cursor: 'pointer', pr: 1.5 } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { style: { width: 15, height: 15 }, src: smallBlueCheckIcon, alt: "check" }) : _jsx(Space, {}), _jsxs("span", Object.assign({ style: { flex: 1, fontSize: 11 } }, { children: [item.label, item.default && defaultModified && _jsx("span", Object.assign({ style: ModifiedTextSx }, { children: "(Modified)" }))] })), item.isCustom && hoveredCustomView === item.id && (_jsx("img", { src: editIcon, alt: "edit", style: { width: 12, height: 12, cursor: 'pointer' }, onClick: (e) => {
                                         e.stopPropagation();
                                         onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(item);
                                     } })), !item.isCustom && hasSubmenu(item, defaultColumns) && _jsx("img", { src: blackRightArrowIcon, alt: "arrow", style: { height: 12 } })] }), item.id))), _jsx(Tooltip, Object.assign({ title: "Limit reached. Delete a view to create a new one.", placement: "left", disableHoverListener: !shouldDimNewCustomView }, { children: _jsxs(StyledMenuItem, Object.assign({ sx: {

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ViewsMenuProps } from './types';
+declare function ViewsMenu({ onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode, templates, lang, }: ViewsMenuProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ViewsMenu>;
+export default _default;

package/build/components/TableHeader/TableView/{ViewSelector.js → ViewsMenu.js}

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback } from 'react';
+import { memo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { Icon, StyledButton } from '../../index.js';
@@ -17,23 +17,20 @@ import ViewsDropdown from './ViewsDropdown';
 import CreateViewDialog from './CreateViewDialog';
 import { ViewWrapper } from './styles';
 import { useViewsManager } from './hooks';
-import { useViewSelector } from './hooks/useViewSelector';
-function ViewSelector({ onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode = 'default', templates, lang = 'en', }) {
+import { useViewsMenu } from './hooks/useViewsMenu';
+function ViewsMenu({ onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode = 'default', templates, lang = 'en', }) {
+    var _a;
     const { t } = useTranslation();
-    // Use tableMode directly - no conversion needed
-    const { defaultColumns, updateDefaultColumns, defaultTemplate, customViews, allTemplates, setInternalCustomViews } = useViewsManager({
+    const [modifiedModes, setModifiedModes] = useState({});
+    const { defaultColumns, updateDefaultColumns, defaultTemplate, customViews, allTemplates } = useViewsManager({
         tableMode,
         templates,
         lang,
     });
-    // Callback when default template is modified and saved
     const handleSaveDefaultColumns = useCallback((columns) => __awaiter(this, void 0, void 0, function* () {
         if (!(defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.templateId))
             return;
-        // Update local state first
         updateDefaultColumns(columns);
-        // Build layout for API
-        // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
         const layout = {
             code: tableMode === 'sheet' ? 'Sheet' : 'Advanced',
             columns: columns.map((col, idx) => {
@@ -55,27 +52,25 @@ function ViewSelector({ onViewChange, onCreateCustomView, onEditCustomView, onDe
                 });
             }),
         };
-        // Call parent to persist
         yield (onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(defaultTemplate.templateId, {
             name: defaultTemplate.label,
             selectedColumns: columns,
             layout,
         }));
+        setModifiedModes((current) => (Object.assign(Object.assign({}, current), { [tableMode]: true })));
     }), [defaultTemplate, tableMode, lang, onEditCustomView, updateDefaultColumns]);
-    const { anchorViewEl, defaultViewEl, setDefaultViewElement, isCreateDialogOpen, editingView, selectedViewInfo, shouldUseCurrentState, currentViewColumns, handleViewButtonClick, handleCloseViewDropdown, handleSelectedViewInfo, handleOpenCreateDialog, handleOpenEditDialog, handleCloseCreateDialog, handleSaveView, handleDeleteView, handleResetViews, updateSelectedView, updateCurrentViewColumns, } = useViewSelector({
+    const { anchorEl, isCreateDialogOpen, editingView, selectedViewInfo, shouldUseCurrentState, currentViewColumns, handleViewButtonClick, handleCloseViewDropdown, handleSelectedViewInfo, handleOpenCreateDialog, handleOpenEditDialog, handleCloseCreateDialog, handleSaveView, handleDeleteView, updateSelectedView, } = useViewsMenu({
         mode: tableMode,
         onViewChange,
         onCreateCustomView,
         onEditCustomView,
         onDeleteCustomView,
-        customViews,
         defaultColumns,
         defaultTemplate,
         allTemplates,
-        setInternalCustomViews,
     });
-    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) => {
-                                setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                            }, setViews: handleResetViews, onCreateCustomView: handleOpenCreateDialog, customViews: customViews, onEditCustomView: handleOpenEditDialog, onSaveDefaultColumns: handleSaveDefaultColumns, defaultColumns: defaultColumns, setDefaultColumns: updateDefaultColumns, updateSelectedView: updateSelectedView, mode: tableMode, defaultTemplate: defaultTemplate })] })) })), _jsx(CreateViewDialog, { open: isCreateDialogOpen, onClose: handleCloseCreateDialog, availableColumns: defaultColumns, defaultColumns: defaultColumns, onCreate: handleSaveView, editingView: editingView, onDelete: handleDeleteView, tableViews: shouldUseCurrentState ? currentViewColumns : undefined, mode: tableMode })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCloseViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ sx: { width: '32px' }, "data-testid": "ViewsMenu" }, { children: [_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "ViewsMenu_button", onClick: handleViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), _jsx(ViewsDropdown, { open: Boolean(anchorEl), anchorEl: anchorEl, defaultModified: (_a = modifiedModes[tableMode]) !== null && _a !== void 0 ? _a : false, onMarkDefaultModified: () => {
+                                setModifiedModes((current) => (Object.assign(Object.assign({}, current), { [tableMode]: true })));
+                            }, setSelectedViewInfo: handleSelectedViewInfo, selectedViewInfo: selectedViewInfo, onCreateCustomView: handleOpenCreateDialog, customViews: customViews, onEditCustomView: handleOpenEditDialog, onSaveDefaultColumns: handleSaveDefaultColumns, defaultColumns: defaultColumns, setDefaultColumns: updateDefaultColumns, updateSelectedView: updateSelectedView, mode: tableMode, defaultTemplate: defaultTemplate })] })) })), _jsx(CreateViewDialog, { open: isCreateDialogOpen, onClose: handleCloseCreateDialog, availableColumns: defaultColumns, defaultColumns: defaultColumns, onCreate: handleSaveView, editingView: editingView, onDelete: handleDeleteView, tableViews: shouldUseCurrentState ? currentViewColumns : undefined, mode: tableMode })] }));
 }
-export default memo(ViewSelector);
+export default memo(ViewsMenu);

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

@@ -56,7 +56,11 @@ export const ViewsSubmenu = ({ columns, allCurrentSelected, someCurrentSelected,
                                                 alignItems: 'center',
                                                 justifyContent: 'space-between',
                                                 width: '100%',
-                                            } }, { children: [_jsx(MenuItem, Object.assign({ isSelected: hasNestedSubmenu ? checked : column.selected, isIndeterminate: hasNestedSubmenu ? indeterminate : false, onClick: () => onColumnToggle(column.name), sx: { flex: 1, display: 'flex', alignItems: 'center' } }, { children: _jsx("span", { children: column.label || column.name }) })), hasNestedSubmenu && (_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', pr: 1, pointerEvents: 'none' } }, { children: _jsx("img", { src: blackRightArrowIcon, alt: "arrow", style: { height: 12 } }) })))] })), hasNestedSubmenu && (_jsx(Popper, Object.assign({ open: hoveredNestedColumn === column.name, anchorEl: nestedSubmenuAnchorEl, placement: "right-start", sx: { zIndex: 10000 }, modifiers: [
+                                            } }, { children: [_jsx(MenuItem, Object.assign({ isSelected: hasNestedSubmenu ? checked : column.selected, isIndeterminate: hasNestedSubmenu ? indeterminate : false, isDisabled: isDate, onClick: () => {
+                                                        if (!isDate) {
+                                                            onColumnToggle(column.name);
+                                                        }
+                                                    }, sx: { flex: 1, display: 'flex', alignItems: 'center' } }, { children: _jsx("span", { children: column.label || column.name }) })), hasNestedSubmenu && (_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', pr: 1, pointerEvents: 'none' } }, { children: _jsx("img", { src: blackRightArrowIcon, alt: "arrow", style: { height: 12 } }) })))] })), hasNestedSubmenu && (_jsx(Popper, Object.assign({ open: hoveredNestedColumn === column.name, anchorEl: nestedSubmenuAnchorEl, placement: "right-start", sx: { zIndex: 10000 }, modifiers: [
                                                 {
                                                     name: 'offset',
                                                     options: {

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

@@ -2,7 +2,7 @@ export { useSubMenu } from './useSubMenu';
 export { useViewColumns } from './useViewColumns';
 export { useColumnItem } from './useColumnItem';
 export { useViewsManager } from './useViewsManager';
-export { useViewSelector } from './useViewSelector';
+export { useViewsMenu } from './useViewsMenu';
 export { useSubmenuHover } from './useSubmenuHover';
 export { useOriginalColumns } from './useOriginalColumns';
 export { useNestedSubmenu } from './useNestedSubmenu';

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

@@ -2,7 +2,7 @@ export { useSubMenu } from './useSubMenu';
 export { useViewColumns } from './useViewColumns';
 export { useColumnItem } from './useColumnItem';
 export { useViewsManager } from './useViewsManager';
-export { useViewSelector } from './useViewSelector';
+export { useViewsMenu } from './useViewsMenu';
 export { useSubmenuHover } from './useSubmenuHover';
 export { useOriginalColumns } from './useOriginalColumns';
 export { useNestedSubmenu } from './useNestedSubmenu';

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

@@ -1,20 +1,9 @@
-/// <reference types="react" />
 import type { ColumnViewProps } from '../../../../types/index.js';
 import type { UseViewsManagerProps, ViewMenuItem } from '../types';
-/**
- * Simplified hook for managing templates and views.
- *
- * Key principles:
- * - Templates from parent are parsed into allTemplates
- * - defaultColumns is the local working copy that can be modified
- * - When user modifies default template, we keep changes locally
- */
 export declare const useViewsManager: ({ tableMode, templates, lang }: UseViewsManagerProps) => {
     defaultTemplate: ViewMenuItem | undefined;
     customViews: ViewMenuItem[];
     allTemplates: ViewMenuItem[];
     defaultColumns: ColumnViewProps[];
     updateDefaultColumns: (columns: ColumnViewProps[]) => void;
-    internalCustomViews: ViewMenuItem[];
-    setInternalCustomViews: import("react").Dispatch<import("react").SetStateAction<ViewMenuItem[]>>;
 };

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

@@ -1,15 +1,6 @@
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import { transformTemplatesToViewMenuItems, deepCloneColumns } from '../utils';
-/**
- * Simplified hook for managing templates and views.
- *
- * Key principles:
- * - Templates from parent are parsed into allTemplates
- * - defaultColumns is the local working copy that can be modified
- * - When user modifies default template, we keep changes locally
- */
 export const useViewsManager = ({ tableMode, templates, lang = 'en' }) => {
-    // Parse templates (this just transforms the data, doesn't manage modifications)
     const parsedTemplates = useMemo(() => {
         if (!templates || templates.length === 0) {
             return {
@@ -20,7 +11,6 @@ export const useViewsManager = ({ tableMode, templates, lang = 'en' }) => {
             };
         }
         const { customViews, defaultTemplate } = transformTemplatesToViewMenuItems(templates, tableMode, lang);
-        // Combine all templates for easy access
         const allTemplates = defaultTemplate ? [defaultTemplate, ...customViews] : customViews;
         return {
             customViews,
@@ -29,68 +19,44 @@ export const useViewsManager = ({ tableMode, templates, lang = 'en' }) => {
             allTemplates,
         };
     }, [templates, tableMode, lang]);
-    // Local state for default columns - this is the working copy that can be modified
     const [defaultColumns, setDefaultColumns] = useState([]);
-    // Track if we've initialized for this mode (to avoid resetting user modifications)
     const [initializedMode, setInitializedMode] = useState(null);
-    // Initialize defaultColumns when templates load or mode changes
     useEffect(() => {
-        // Only initialize if mode changed or we haven't initialized yet
         if (initializedMode !== tableMode && parsedTemplates.templateDefaultColumns.length > 0) {
             setDefaultColumns(deepCloneColumns(parsedTemplates.templateDefaultColumns));
             setInitializedMode(tableMode);
         }
     }, [tableMode, parsedTemplates.templateDefaultColumns, initializedMode]);
-    // Custom views state
-    const [internalCustomViews, setInternalCustomViews] = useState([]);
-    useEffect(() => {
-        setInternalCustomViews([...parsedTemplates.customViews]);
-    }, [parsedTemplates.customViews]);
-    // Function to update default columns (called when user modifies and clicks Okay)
     const updateDefaultColumns = useCallback((columns) => {
         setDefaultColumns(deepCloneColumns(columns));
     }, []);
-    // Create an updated default template with current defaultColumns
-    // IMPORTANT: When mode just changed (initializedMode !== tableMode), use parsedTemplates
-    // directly because defaultColumns state hasn't updated yet
     const updatedDefaultTemplate = useMemo(() => {
         if (!parsedTemplates.defaultTemplate) {
             return parsedTemplates.defaultTemplate;
         }
-        // If mode just changed, use the fresh parsed columns, not the stale state
         const columnsToUse = initializedMode !== tableMode ? parsedTemplates.templateDefaultColumns : defaultColumns;
         if (columnsToUse.length === 0) {
             return parsedTemplates.defaultTemplate;
         }
         return Object.assign(Object.assign({}, parsedTemplates.defaultTemplate), { submenu: columnsToUse, columns: columnsToUse.map((col) => col.name) });
     }, [parsedTemplates.defaultTemplate, parsedTemplates.templateDefaultColumns, defaultColumns, initializedMode, tableMode]);
-    // Build allTemplates with the updated default template
     const updatedAllTemplates = useMemo(() => {
         if (!updatedDefaultTemplate) {
             return parsedTemplates.customViews;
         }
         return [updatedDefaultTemplate, ...parsedTemplates.customViews];
     }, [updatedDefaultTemplate, parsedTemplates.customViews]);
-    // For mode changes, provide the correct columns
-    // Key: ALWAYS prefer state columns if they exist (preserves user modifications)
     const effectiveDefaultColumns = useMemo(() => {
-        // If mode just changed AND we have no initialized state, use parsed columns
         if (initializedMode !== tableMode && defaultColumns.length === 0) {
             return parsedTemplates.templateDefaultColumns;
         }
-        // Otherwise use state columns (which may include user edits)
         return defaultColumns.length > 0 ? defaultColumns : parsedTemplates.templateDefaultColumns;
     }, [initializedMode, tableMode, defaultColumns, parsedTemplates.templateDefaultColumns]);
     return {
-        // Template data (with updated default template including modifications)
         defaultTemplate: updatedDefaultTemplate,
         customViews: parsedTemplates.customViews,
         allTemplates: updatedAllTemplates,
-        // Default columns - preserves user edits
         defaultColumns: effectiveDefaultColumns,
         updateDefaultColumns,
-        // Internal state
-        internalCustomViews,
-        setInternalCustomViews,
     };
 };

package/build/components/TableHeader/TableView/hooks/{useViewSelector.d.ts → useViewsMenu.d.ts}

@@ -2,7 +2,7 @@ import { type MouseEvent } from 'react';
 import type { ColumnViewProps, TableMode } from '../../../../types/index.js';
 import type { ViewMenuItem, LayoutSection } from '../types';
 import type { ViewOption } from '../../type';
-export interface UseViewSelectorProps {
+export interface UseViewsMenuProps {
     mode: TableMode;
     onViewChange?: (selectedView?: ViewMenuItem) => void;
     onCreateCustomView?: (data: {
@@ -16,16 +16,12 @@ export interface UseViewSelectorProps {
         layout: LayoutSection;
     }) => Promise<void>;
     onDeleteCustomView?: (viewId: string) => Promise<void>;
-    customViews: ViewMenuItem[];
     defaultColumns: ColumnViewProps[];
     defaultTemplate?: ViewMenuItem;
     allTemplates: ViewMenuItem[];
-    setInternalCustomViews: (views: ViewMenuItem[]) => void;
 }
-export declare const useViewSelector: ({ mode, onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, customViews, defaultColumns, defaultTemplate, allTemplates, setInternalCustomViews, }: UseViewSelectorProps) => {
-    anchorViewEl: HTMLDivElement | null;
-    defaultViewEl: HTMLDivElement | null;
-    setDefaultViewElement: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
+export declare const useViewsMenu: ({ mode, onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, defaultColumns, defaultTemplate, allTemplates, }: UseViewsMenuProps) => {
+    anchorEl: HTMLDivElement | null;
     isCreateDialogOpen: boolean;
     editingView: ViewMenuItem | null;
     selectedViewInfo: ViewOption;
@@ -44,7 +40,5 @@ export declare const useViewSelector: ({ mode, onViewChange, onCreateCustomView,
         layout: LayoutSection;
     }) => Promise<void>;
     handleDeleteView: (viewId: string) => Promise<void>;
-    handleResetViews: () => void;
     updateSelectedView: (updatedView: ViewMenuItem) => void;
-    updateCurrentViewColumns: (columns: ColumnViewProps[]) => void;
 };

package/build/components/TableHeader/TableView/hooks/{useViewSelector.js → useViewsMenu.js}

@@ -9,24 +9,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useState, useCallback, useEffect, useRef } from 'react';
 import { deepCloneColumns } from '../utils';
-export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, customViews, defaultColumns, defaultTemplate, allTemplates, setInternalCustomViews, }) => {
-    const [anchorViewEl, setAnchorViewEl] = useState(null);
-    const [defaultViewEl, setDefaultViewElement] = useState(null);
+export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, defaultColumns, defaultTemplate, allTemplates, }) => {
+    const [anchorEl, setAnchorEl] = useState(null);
     const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
     const [editingView, setEditingView] = useState(null);
     const [selectedViewInfo, setSelectedViewInfo] = useState({ id: 'default', label: 'Default' });
     const [shouldUseCurrentState, setShouldUseCurrentState] = useState(false);
     const [selectedView, setSelectedView] = useState(undefined);
-    // Current view columns - this is what gets displayed and can be modified
     const [currentViewColumns, setCurrentViewColumns] = useState([]);
     const hasInitializedRef = useRef(false);
-    // Helper: Filter view to only include selected columns for parent
     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) });
     }, []);
-    // Initialize with default template on mount
     useEffect(() => {
         if (hasInitializedRef.current)
             return;
@@ -37,7 +33,6 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(defaultTemplate));
         hasInitializedRef.current = true;
     }, [defaultTemplate, defaultColumns, onViewChange, getViewForParent]);
-    // Sync currentViewColumns with defaultColumns when they change (e.g., after save)
     useEffect(() => {
         if (!hasInitializedRef.current)
             return;
@@ -45,53 +40,40 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
             setCurrentViewColumns(deepCloneColumns(defaultColumns));
         }
     }, [defaultColumns, selectedView === null || selectedView === void 0 ? void 0 : selectedView.default]);
-    // Track the last mode we successfully synced columns for
     const lastSyncedModeRef = useRef(null);
-    // Handle mode changes - sync with allTemplates updates
-    // This effect needs to run whenever mode changes OR when defaultColumns/allTemplates update
     useEffect(() => {
         if (!hasInitializedRef.current)
             return;
         if (!selectedView)
             return;
-        // Check if we need to sync: either mode changed, or we haven't synced for current mode yet
         const needsSync = lastSyncedModeRef.current !== mode;
         if (!needsSync)
             return;
-        // For default template, wait until defaultColumns has data for the new mode
         if (selectedView.default) {
             if (defaultColumns.length === 0)
-                return; // Wait for columns to load
+                return;
             const newView = Object.assign(Object.assign({}, selectedView), { submenu: deepCloneColumns(defaultColumns), columns: defaultColumns.map((col) => col.name) });
             setSelectedView(newView);
             setCurrentViewColumns(deepCloneColumns(defaultColumns));
-            lastSyncedModeRef.current = mode; // Mark as synced only after successful update
+            lastSyncedModeRef.current = mode;
             onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(newView));
         }
         else {
-            // Custom template: find it in allTemplates (which has new mode's columns)
             const updatedTemplate = allTemplates.find((t) => t.templateId === selectedView.templateId || t.id === selectedView.id);
             if (updatedTemplate && updatedTemplate.submenu && updatedTemplate.submenu.length > 0) {
                 const newView = Object.assign(Object.assign({}, updatedTemplate), { submenu: deepCloneColumns(updatedTemplate.submenu) });
                 setSelectedView(newView);
                 setCurrentViewColumns(deepCloneColumns(updatedTemplate.submenu));
-                lastSyncedModeRef.current = mode; // Mark as synced only after successful update
+                lastSyncedModeRef.current = mode;
                 onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(newView));
             }
         }
     }, [mode, defaultColumns, selectedView, allTemplates, onViewChange]);
-    // Track template updates ref to detect external changes
-    const templatesUpdateRef = useRef(0);
-    // Sync selected view when templates change (for edits/updates)
-    // This ensures that template edits automatically reflect in the selected view
-    // ONLY when triggered by explicit save actions (Okay/Update buttons)
     useEffect(() => {
-        var _a;
         if (!hasInitializedRef.current)
             return;
         if (!selectedView)
             return;
-        // Find the current selected view in updated allTemplates
         const updatedTemplate = allTemplates.find((t) => {
             const templateId = t.templateId || t.id;
             const selectedId = selectedView.templateId || selectedView.id;
@@ -99,10 +81,8 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
         });
         if (!updatedTemplate)
             return;
-        // Check if the template has actually changed by comparing submenu
         const currentSubmenu = selectedView.submenu || [];
         const updatedSubmenu = updatedTemplate.submenu || [];
-        // Simple check: if lengths differ or selected states differ, update
         const hasChanged = currentSubmenu.length !== updatedSubmenu.length ||
             currentSubmenu.some((col, idx) => {
                 const updatedCol = updatedSubmenu[idx];
@@ -111,64 +91,39 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
                 return col.selected !== updatedCol.selected || col.name !== updatedCol.name;
             });
         if (hasChanged) {
-            console.log('🔄 Template updated, syncing selected view:', selectedView.label);
-            console.log('   Old columns count:', currentSubmenu.length, 'New columns count:', updatedSubmenu.length);
-            console.log('   Old selected:', currentSubmenu.filter((c) => c.selected).length, 'New selected:', updatedSubmenu.filter((c) => c.selected).length);
-            // Store the full view internally (with all columns)
             const fullView = Object.assign(Object.assign({}, updatedTemplate), { submenu: deepCloneColumns(updatedTemplate.submenu || []) });
             setSelectedView(fullView);
             setCurrentViewColumns(deepCloneColumns(updatedTemplate.submenu || []));
-            // Pass only selected columns to parent
             const viewForParent = getViewForParent(fullView);
-            console.log('✅ Calling onViewChange with', (_a = viewForParent.submenu) === null || _a === void 0 ? void 0 : _a.length, 'selected columns');
             onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(viewForParent);
-            templatesUpdateRef.current++;
         }
     }, [allTemplates, selectedView, onViewChange]);
     const handleViewButtonClick = useCallback((event) => {
-        setAnchorViewEl(event.currentTarget);
-        setDefaultViewElement(event.currentTarget);
+        setAnchorEl((current) => (current ? null : event.currentTarget));
     }, []);
     const handleCloseViewDropdown = useCallback(() => {
-        setDefaultViewElement(null);
+        setAnchorEl(null);
     }, []);
     const handleSelectedViewInfo = useCallback((selected, viewMenuItem) => {
         setSelectedViewInfo(selected);
         const newSelectedView = viewMenuItem || undefined;
         setSelectedView(newSelectedView);
         setCurrentViewColumns(deepCloneColumns((newSelectedView === null || newSelectedView === void 0 ? void 0 : newSelectedView.submenu) || []));
-        if (newSelectedView) {
-            onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(newSelectedView));
-        }
-        else {
-            onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(undefined);
-        }
+        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(newSelectedView ? getViewForParent(newSelectedView) : undefined);
         handleCloseViewDropdown();
     }, [handleCloseViewDropdown, onViewChange, getViewForParent]);
-    // Update selected view with modified columns
     const updateSelectedView = useCallback((updatedView) => {
-        var _a, _b;
-        console.log('🔴 updateSelectedView called:', {
-            id: updatedView.id,
-            columnsCount: (_a = updatedView.submenu) === null || _a === void 0 ? void 0 : _a.length,
-            selectedColumns: (_b = updatedView.submenu) === null || _b === void 0 ? void 0 : _b.filter((c) => c.selected).length,
-        });
-        // CRITICAL: Force new object/array references to trigger React re-renders
         const viewWithNewRefs = Object.assign(Object.assign({}, updatedView), { submenu: updatedView.submenu ? [...updatedView.submenu] : undefined, columns: updatedView.columns ? [...updatedView.columns] : undefined });
         setSelectedView(viewWithNewRefs);
         setCurrentViewColumns(deepCloneColumns(viewWithNewRefs.submenu || []));
         setSelectedViewInfo({ id: viewWithNewRefs.id, label: viewWithNewRefs.label });
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(viewWithNewRefs));
     }, [onViewChange, getViewForParent]);
-    // Update current view columns (for temporary modifications)
-    const updateCurrentViewColumns = useCallback((columns) => {
-        setCurrentViewColumns(columns);
-    }, []);
     const handleOpenCreateDialog = useCallback((useCurrentState = false) => {
         setEditingView(null);
         setShouldUseCurrentState(useCurrentState);
         setIsCreateDialogOpen(true);
-        setDefaultViewElement(null);
+        setAnchorEl(null);
     }, []);
     const handleOpenEditDialog = useCallback((view) => {
         setEditingView(view);
@@ -183,25 +138,16 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
     const handleSaveView = useCallback((data) => __awaiter(void 0, void 0, void 0, function* () {
         if (editingView) {
             const templateId = editingView.templateId || editingView.id;
-            // Call the edit handler - parent will update templates
             yield (onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(templateId, data));
-            // After edit completes successfully, the template will be updated externally via templates prop
-            // The useEffect watching allTemplates will automatically sync the view
-            console.log('✅ View saved - templates will update and trigger sync');
         }
         else {
-            // Call the create handler - parent will add new template
             yield (onCreateCustomView === null || onCreateCustomView === void 0 ? void 0 : onCreateCustomView(data));
-            // After create completes successfully, the new template will be added externally via templates prop
-            // The new template will automatically appear in the dropdown
-            console.log('✅ View created - new template will appear in dropdown');
         }
     }), [editingView, onEditCustomView, onCreateCustomView]);
     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;
         yield (onDeleteCustomView === null || onDeleteCustomView === void 0 ? void 0 : onDeleteCustomView(templateId));
-        // If deleted view was selected, reset to default
         if ((selectedView === null || selectedView === void 0 ? void 0 : selectedView.id) === viewId || (selectedView === null || selectedView === void 0 ? void 0 : selectedView.templateId) === viewId) {
             setSelectedView(defaultTemplate);
             setCurrentViewColumns(deepCloneColumns(defaultColumns));
@@ -210,14 +156,8 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
             }
         }
     }), [allTemplates, onDeleteCustomView, selectedView, defaultTemplate, defaultColumns, onViewChange, getViewForParent]);
-    // Reset views to default
-    const handleResetViews = useCallback(() => {
-        setCurrentViewColumns(deepCloneColumns(defaultColumns));
-    }, [defaultColumns]);
     return {
-        anchorViewEl,
-        defaultViewEl,
-        setDefaultViewElement,
+        anchorEl,
         isCreateDialogOpen,
         editingView,
         selectedViewInfo,
@@ -232,8 +172,6 @@ export const useViewSelector = ({ mode, onViewChange, onCreateCustomView, onEdit
         handleCloseCreateDialog,
         handleSaveView,
         handleDeleteView,
-        handleResetViews,
         updateSelectedView,
-        updateCurrentViewColumns,
     };
 };

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

@@ -2,11 +2,11 @@ export { default } from './TableView';
 export { default as TableView } from './TableView';
 export { default as DefaultViews } from './DefaultViews';
 export { default as CustomViews } from './CustomViews';
-export { default as ViewSelector } from './ViewSelector';
+export { default as ViewsMenu } from './ViewsMenu';
 export { default as ViewsDropdown } from './ViewsDropdown';
 export { default as CreateViewDialog } from './CreateViewDialog';
 export type { ViewMenuItem, CreateCustomViewDialogProps, LayoutSection, ColumnItem, FieldItem, Template, CreateTemplatePayload, UpdateTemplatePayload, } from './types';
 export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, } from './utils';
-export { useSubmenuHover, useViewsManager, useViewSelector } from './hooks';
+export { useSubmenuHover, useViewsManager, useViewsMenu } from './hooks';
 export { DIALOG_WIDTH, DIALOG_HEIGHT, MAX_CUSTOM_VIEWS, TEMPLATE_NAME_MAX_LENGTH } from './constants';
 export { defaultViewList, advancedColumns, sheetColumns } from './data';

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

@@ -2,12 +2,10 @@ export { default } from './TableView';
 export { default as TableView } from './TableView';
 export { default as DefaultViews } from './DefaultViews';
 export { default as CustomViews } from './CustomViews';
-export { default as ViewSelector } from './ViewSelector';
+export { default as ViewsMenu } from './ViewsMenu';
 export { default as ViewsDropdown } from './ViewsDropdown';
 export { default as CreateViewDialog } from './CreateViewDialog';
 export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, } from './utils';
-export { useSubmenuHover, useViewsManager, useViewSelector } from './hooks';
+export { useSubmenuHover, useViewsManager, useViewsMenu } from './hooks';
 export { DIALOG_WIDTH, DIALOG_HEIGHT, MAX_CUSTOM_VIEWS, TEMPLATE_NAME_MAX_LENGTH } from './constants';
-// Note: defaultViewList, advancedColumns, sheetColumns are only exported for demo purposes
-// They should not be used as defaults in production - all data should come from API
 export { defaultViewList, advancedColumns, sheetColumns } from './data';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ColumnViewProps, TableMode } from '../../../types/index.js';
 import type { TableHeaderProps, ViewOption } from '../type';
 export interface ViewMenuItem {
@@ -102,7 +101,7 @@ export interface ColumnCheckState {
     checked: boolean;
     indeterminate: boolean;
 }
-export interface ViewSelectorProps {
+export interface ViewsMenuProps {
     onViewChange?: TableHeaderProps['onViewChange'];
     onCreateCustomView?: (data: {
         name: string;
@@ -123,9 +122,9 @@ export interface ViewsDropdownProps {
     open: boolean;
     selectedViewInfo: ViewOption;
     setSelectedViewInfo: (selected: ViewOption, viewMenuItem?: ViewMenuItem) => void;
-    onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setViews?: (views: string[]) => void;
     anchorEl: Element | null;
+    defaultModified?: boolean;
+    onMarkDefaultModified?: () => void;
     onCreateCustomView?: (useCurrentState?: boolean) => void;
     customViews?: ViewMenuItem[];
     onEditCustomView?: (view: ViewMenuItem) => void;

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

@@ -22,7 +22,7 @@ export const transformLayoutToColumns = (layout, lang = 'en') => {
             columns.push({
                 name: col.code,
                 label,
-                selected: (_d = col.default) !== null && _d !== void 0 ? _d : false,
+                selected: isDateColumn(col.code) ? true : (_d = col.default) !== null && _d !== void 0 ? _d : false,
                 menuItems: (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) ? menuItems : undefined,
             });
         });
@@ -329,6 +329,9 @@ export const toggleSingleColumn = (columns, columnName) => {
         var _a;
         if (col.name !== columnName)
             return col;
+        if (isDateColumn(col.name)) {
+            return Object.assign(Object.assign({}, col), { selected: true });
+        }
         const newSelected = !col.selected;
         const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: newSelected })));
         return Object.assign(Object.assign({}, col), { selected: newSelected, menuItems: updatedMenuItems });
@@ -411,6 +414,9 @@ export const areSomeCurrentColumnsSelected = (columns, allSelected) => {
 export const toggleAllCurrentColumns = (columns, shouldSelect) => {
     return columns.map((col) => {
         var _a;
+        if (isDateColumn(col.name)) {
+            return Object.assign(Object.assign({}, col), { selected: true });
+        }
         const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: shouldSelect })));
         return Object.assign(Object.assign({}, col), { selected: shouldSelect, menuItems: updatedMenuItems });
     });

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

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ViewSelectorProps } from './types';
-declare function ViewSelector({ onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode, templates, lang, }: ViewSelectorProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ViewSelector>;
-export default _default;