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

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

@@ -1,48 +0,0 @@
-export const advancedColumns = [
-    {
-        name: 'customer',
-        label: 'Customer',
-        selected: true,
-        menuItems: [
-            { name: 'customer_id', label: 'ID', selected: true },
-            { name: 'customer_name', label: 'Name', selected: true },
-            { name: 'customer_email', label: 'Email', selected: true },
-            { name: 'customer_phone', label: 'Phone', selected: false },
-        ],
-    },
-    {
-        name: 'transaction',
-        label: 'Transaction',
-        selected: true,
-        menuItems: [
-            { name: 'transaction_id', label: 'Transaction ID', selected: true },
-            { name: 'transaction_amount', label: 'Amount', selected: true },
-            { name: 'transaction_status', label: 'Status', selected: false },
-            { name: 'transaction_type', label: 'Type', selected: false },
-        ],
-    },
-    {
-        name: 'payment',
-        label: 'Payment',
-        selected: false,
-        menuItems: [
-            { name: 'payment_method', label: 'Method', selected: false },
-            { name: 'payment_card', label: 'Card', selected: false },
-            { name: 'payment_bank', label: 'Bank', selected: false },
-        ],
-    },
-];
-export const sheetColumns = [
-    { name: 'customerID', label: 'Customer ID', selected: true },
-    { name: 'customerName', label: 'Customer Name', selected: true },
-    { name: 'amount', label: 'Amount', selected: true },
-    { name: 'status', label: 'Status', selected: false },
-    { name: 'currency', label: 'Currency', selected: false },
-    { name: 'reference', label: 'Reference', selected: true },
-];
-export const defaultViewList = [
-    {
-        label: 'Default',
-        id: 'default',
-    },
-];

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import type { ColumnViewProps } from '../../../../types/index.js';
-import type { UseCreateViewDialogProps } from '../types';
-export declare const useCreateViewDialog: ({ open, availableColumns, defaultColumns, editingView, tableViews }: UseCreateViewDialogProps) => {
-    templateName: string;
-    setTemplateName: import("react").Dispatch<import("react").SetStateAction<string>>;
-    selectedColumns: ColumnViewProps[];
-    columnNames: string[];
-    allSelected: boolean;
-    someSelected: boolean;
-    isNameValid: boolean;
-    hoveredColumn: string | null;
-    anchorEl: HTMLElement | null;
-    openSubmenu: (columnName: string, element: HTMLElement) => void;
-    closeSubmenu: () => void;
-    cancelClose: () => void;
-    handleReorder: (reorderedNames: string[]) => void;
-    handleColumnToggle: (columnName: string) => void;
-    handleSubItemToggle: (columnName: string, subItemName: string) => void;
-    handleSelectAll: () => void;
-    handleResetToDefault: () => void;
-};

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

@@ -1,86 +0,0 @@
-import { useState, useEffect, useMemo, useRef } from 'react';
-import { DATE_COLUMN_CONFIG, TEMPLATE_NAME_MAX_LENGTH } from '../constants';
-import { initializeEditingColumns, initializeCreateColumns, initializeCreateColumnsWithCurrentState, resetColumnsToDefault, toggleColumn, toggleSubItem, toggleAllColumns, areAllColumnsSelected, areSomeColumnsSelected, isValidTemplateName, } from '../utils';
-import { useSubmenuHover } from './useSubmenuHover';
-export const useCreateViewDialog = ({ open, availableColumns, defaultColumns, editingView, tableViews = [] }) => {
-    const [templateName, setTemplateName] = useState(() => (editingView === null || editingView === void 0 ? void 0 : editingView.label) || '');
-    const [selectedColumns, setSelectedColumns] = useState([]);
-    const previousOpenRef = useRef(false);
-    const { hoveredColumn, anchorEl, openSubmenu, closeSubmenu, cancelClose } = useSubmenuHover();
-    const dateColumn = DATE_COLUMN_CONFIG;
-    useEffect(() => {
-        var _a, _b;
-        if (!open) {
-            previousOpenRef.current = false;
-            return;
-        }
-        const wasClosed = !previousOpenRef.current;
-        if (wasClosed && open) {
-            if (editingView) {
-                // Use the saved submenu from editingView if available, otherwise fall back to defaultColumns
-                const savedColumns = editingView.submenu && editingView.submenu.length > 0 ? editingView.submenu : defaultColumns;
-                const otherColumns = initializeEditingColumns(savedColumns, availableColumns);
-                setSelectedColumns([dateColumn, ...otherColumns]);
-                // Ensure templateName is set to editingView.label (fallback to empty string if undefined)
-                const nameToSet = ((_a = editingView.label) === null || _a === void 0 ? void 0 : _a.trim()) || '';
-                setTemplateName(nameToSet);
-            }
-            else {
-                const otherColumns = tableViews && tableViews.length > 0
-                    ? initializeCreateColumnsWithCurrentState(availableColumns, tableViews)
-                    : initializeCreateColumns(availableColumns);
-                setSelectedColumns([dateColumn, ...otherColumns]);
-                setTemplateName('');
-            }
-        }
-        else if (open && editingView) {
-            // Update templateName when editingView changes while dialog is open
-            const nameToSet = ((_b = editingView.label) === null || _b === void 0 ? void 0 : _b.trim()) || '';
-            setTemplateName(nameToSet);
-        }
-        previousOpenRef.current = open;
-    }, [open, editingView === null || editingView === void 0 ? void 0 : editingView.id, editingView === null || editingView === void 0 ? void 0 : editingView.label, editingView === null || editingView === void 0 ? void 0 : editingView.submenu, availableColumns, defaultColumns, tableViews, dateColumn]);
-    const columnNames = useMemo(() => selectedColumns.map((col) => col.name), [selectedColumns]);
-    const allSelected = useMemo(() => areAllColumnsSelected(selectedColumns), [selectedColumns]);
-    const someSelected = useMemo(() => areSomeColumnsSelected(selectedColumns, allSelected), [selectedColumns, allSelected]);
-    const isNameValid = useMemo(() => isValidTemplateName(templateName, TEMPLATE_NAME_MAX_LENGTH), [templateName]);
-    const handleReorder = (reorderedNames) => {
-        const reorderedColumns = reorderedNames
-            .map((name) => selectedColumns.find((col) => col.name === name))
-            .filter((col) => Boolean(col));
-        setSelectedColumns(reorderedColumns);
-    };
-    const handleColumnToggle = (columnName) => {
-        setSelectedColumns((prev) => toggleColumn(prev, columnName));
-    };
-    const handleSubItemToggle = (columnName, subItemName) => {
-        setSelectedColumns((prev) => toggleSubItem(prev, columnName, subItemName));
-    };
-    const handleSelectAll = () => {
-        setSelectedColumns((prev) => toggleAllColumns(prev, !allSelected));
-    };
-    const handleResetToDefault = () => {
-        const columnsSource = defaultColumns.length > 0 ? defaultColumns : availableColumns;
-        const otherColumns = resetColumnsToDefault(columnsSource);
-        setSelectedColumns([dateColumn, ...otherColumns]);
-    };
-    return {
-        templateName,
-        setTemplateName,
-        selectedColumns,
-        columnNames,
-        allSelected,
-        someSelected,
-        isNameValid,
-        hoveredColumn,
-        anchorEl,
-        openSubmenu,
-        closeSubmenu,
-        cancelClose,
-        handleReorder,
-        handleColumnToggle,
-        handleSubItemToggle,
-        handleSelectAll,
-        handleResetToDefault,
-    };
-};

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

@@ -1,8 +0,0 @@
-export declare const useDialogPosition: (dialogWidth: number, dialogHeight: number) => {
-    position: {
-        x: number;
-        y: number;
-    };
-    resetPosition: () => void;
-    updatePosition: (x: number, y: number) => void;
-};

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

@@ -1,16 +0,0 @@
-import { useState, useCallback } from 'react';
-export const useDialogPosition = (dialogWidth, dialogHeight) => {
-    const [position, setPosition] = useState({ x: 0, y: 0 });
-    const resetPosition = useCallback(() => {
-        const centerX = window.innerWidth / 2 - dialogWidth / 2;
-        const centerY = window.innerHeight / 2 - dialogHeight / 2;
-        setPosition({
-            x: Math.max(0, centerX),
-            y: Math.max(0, centerY),
-        });
-    }, [dialogWidth, dialogHeight]);
-    const updatePosition = useCallback((x, y) => {
-        setPosition({ x, y });
-    }, []);
-    return { position, resetPosition, updatePosition };
-};

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

@@ -1,7 +0,0 @@
-export declare const useNestedSubmenu: () => {
-    hoveredNestedColumn: string | null;
-    nestedSubmenuAnchorEl: HTMLElement | null;
-    openNestedSubmenu: (columnName: string, element: HTMLElement) => void;
-    closeNestedSubmenu: () => void;
-    cancelNestedClose: () => void;
-};

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

@@ -1,34 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import { SUBMENU_CLOSE_DELAY } from '../constants';
-export const useNestedSubmenu = () => {
-    const [hoveredNestedColumn, setHoveredNestedColumn] = useState(null);
-    const [nestedSubmenuAnchorEl, setNestedSubmenuAnchorEl] = useState(null);
-    const nestedCloseTimeoutRef = useRef(null);
-    const openNestedSubmenu = useCallback((columnName, element) => {
-        if (nestedCloseTimeoutRef.current) {
-            clearTimeout(nestedCloseTimeoutRef.current);
-            nestedCloseTimeoutRef.current = null;
-        }
-        setHoveredNestedColumn(columnName);
-        setNestedSubmenuAnchorEl(element);
-    }, []);
-    const closeNestedSubmenu = useCallback(() => {
-        nestedCloseTimeoutRef.current = setTimeout(() => {
-            setHoveredNestedColumn(null);
-            setNestedSubmenuAnchorEl(null);
-        }, SUBMENU_CLOSE_DELAY);
-    }, []);
-    const cancelNestedClose = useCallback(() => {
-        if (nestedCloseTimeoutRef.current) {
-            clearTimeout(nestedCloseTimeoutRef.current);
-            nestedCloseTimeoutRef.current = null;
-        }
-    }, []);
-    return {
-        hoveredNestedColumn,
-        nestedSubmenuAnchorEl,
-        openNestedSubmenu,
-        closeNestedSubmenu,
-        cancelNestedClose,
-    };
-};

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

@@ -1,6 +0,0 @@
-import type { ColumnViewProps } from '../../../../types/index.js';
-export declare const useOriginalColumns: (defaultColumns: ColumnViewProps[]) => {
-    originalColumns: ColumnViewProps[];
-    saveOriginalState: () => void;
-    clearOriginalState: () => void;
-};

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

@@ -1,18 +0,0 @@
-import { useState, useCallback } from 'react';
-export const useOriginalColumns = (defaultColumns) => {
-    const [originalColumns, setOriginalColumns] = useState([]);
-    const saveOriginalState = useCallback(() => {
-        setOriginalColumns(defaultColumns.map((col) => {
-            var _a;
-            return (Object.assign(Object.assign({}, col), { selected: col.selected, menuItems: (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: item.selected }))) }));
-        }));
-    }, [defaultColumns]);
-    const clearOriginalState = useCallback(() => {
-        setOriginalColumns([]);
-    }, []);
-    return {
-        originalColumns,
-        saveOriginalState,
-        clearOriginalState,
-    };
-};

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

@@ -1,8 +0,0 @@
-export declare const useSubmenuHover: () => {
-    hoveredColumn: string | null;
-    anchorEl: HTMLElement | null;
-    openSubmenu: (columnName: string, element: HTMLElement) => void;
-    closeSubmenu: () => void;
-    cancelClose: () => void;
-    forceClose: () => void;
-};

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

@@ -1,43 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import { SUBMENU_CLOSE_DELAY } from '../constants';
-export const useSubmenuHover = () => {
-    const [hoveredColumn, setHoveredColumn] = useState(null);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const closeTimeoutRef = useRef(null);
-    const openSubmenu = useCallback((columnName, element) => {
-        if (closeTimeoutRef.current) {
-            clearTimeout(closeTimeoutRef.current);
-            closeTimeoutRef.current = null;
-        }
-        setHoveredColumn(columnName);
-        setAnchorEl(element);
-    }, []);
-    const closeSubmenu = useCallback(() => {
-        closeTimeoutRef.current = setTimeout(() => {
-            setHoveredColumn(null);
-            setAnchorEl(null);
-        }, SUBMENU_CLOSE_DELAY);
-    }, []);
-    const cancelClose = useCallback(() => {
-        if (closeTimeoutRef.current) {
-            clearTimeout(closeTimeoutRef.current);
-            closeTimeoutRef.current = null;
-        }
-    }, []);
-    const forceClose = useCallback(() => {
-        if (closeTimeoutRef.current) {
-            clearTimeout(closeTimeoutRef.current);
-            closeTimeoutRef.current = null;
-        }
-        setHoveredColumn(null);
-        setAnchorEl(null);
-    }, []);
-    return {
-        hoveredColumn,
-        anchorEl,
-        openSubmenu,
-        closeSubmenu,
-        cancelClose,
-        forceClose,
-    };
-};

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

@@ -1,50 +0,0 @@
-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 {
-    mode: TableMode;
-    onViewChange?: (selectedView?: ViewMenuItem) => void;
-    onCreateCustomView?: (data: {
-        name: string;
-        selectedColumns: ColumnViewProps[];
-        layout: LayoutSection;
-    }) => Promise<void>;
-    onEditCustomView?: (viewId: string, data: {
-        name: string;
-        selectedColumns: ColumnViewProps[];
-        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>>;
-    isCreateDialogOpen: boolean;
-    editingView: ViewMenuItem | null;
-    selectedViewInfo: ViewOption;
-    shouldUseCurrentState: boolean;
-    selectedView: ViewMenuItem | undefined;
-    currentViewColumns: ColumnViewProps[];
-    handleViewButtonClick: (event: MouseEvent<HTMLDivElement>) => void;
-    handleCloseViewDropdown: () => void;
-    handleSelectedViewInfo: (selected: ViewOption, viewMenuItem?: ViewMenuItem) => void;
-    handleOpenCreateDialog: (useCurrentState?: boolean) => void;
-    handleOpenEditDialog: (view: ViewMenuItem) => void;
-    handleCloseCreateDialog: () => void;
-    handleSaveView: (data: {
-        name: string;
-        selectedColumns: ColumnViewProps[];
-        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

@@ -1,239 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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);
-    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;
-        if (!defaultTemplate)
-            return;
-        setSelectedView(defaultTemplate);
-        setCurrentViewColumns(deepCloneColumns(defaultColumns));
-        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;
-        if ((selectedView === null || selectedView === void 0 ? void 0 : selectedView.default) && defaultColumns.length > 0) {
-            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
-            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
-            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
-                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;
-            return templateId === selectedId;
-        });
-        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];
-                if (!updatedCol)
-                    return true;
-                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);
-    }, []);
-    const handleCloseViewDropdown = useCallback(() => {
-        setDefaultViewElement(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);
-        }
-        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);
-    }, []);
-    const handleOpenEditDialog = useCallback((view) => {
-        setEditingView(view);
-        setShouldUseCurrentState(true);
-        setIsCreateDialogOpen(true);
-    }, []);
-    const handleCloseCreateDialog = useCallback(() => {
-        setIsCreateDialogOpen(false);
-        setEditingView(null);
-        setShouldUseCurrentState(false);
-    }, []);
-    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));
-            if (defaultTemplate) {
-                onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(getViewForParent(defaultTemplate));
-            }
-        }
-    }), [allTemplates, onDeleteCustomView, selectedView, defaultTemplate, defaultColumns, onViewChange, getViewForParent]);
-    // Reset views to default
-    const handleResetViews = useCallback(() => {
-        setCurrentViewColumns(deepCloneColumns(defaultColumns));
-    }, [defaultColumns]);
-    return {
-        anchorViewEl,
-        defaultViewEl,
-        setDefaultViewElement,
-        isCreateDialogOpen,
-        editingView,
-        selectedViewInfo,
-        shouldUseCurrentState,
-        selectedView,
-        currentViewColumns,
-        handleViewButtonClick,
-        handleCloseViewDropdown,
-        handleSelectedViewInfo,
-        handleOpenCreateDialog,
-        handleOpenEditDialog,
-        handleCloseCreateDialog,
-        handleSaveView,
-        handleDeleteView,
-        handleResetViews,
-        updateSelectedView,
-        updateCurrentViewColumns,
-    };
-};

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

@@ -1,20 +0,0 @@
-/// <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[]>>;
-};