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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ColumnViewProps } from '../../../../types/index.js';
 import type { UseViewsManagerProps, ViewMenuItem } from '../types';
-export declare const useViewsManager: ({ mode, layoutData, initialTableViews, initialCustomViews, templates, lang }: UseViewsManagerProps) => {
+export declare const useViewsManager: ({ mode, templates, lang }: UseViewsManagerProps) => {
     defaultColumns: ColumnViewProps[];
     setDefaultColumns: import("react").Dispatch<import("react").SetStateAction<ColumnViewProps[]>>;
     internalTableViews: ColumnViewProps[];

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

@@ -1,33 +1,101 @@
 import { useState, useEffect, useMemo } from 'react';
-import { getColumnsByMode, transformTemplatesToViewMenuItems, getLayoutDataFromTemplates } from '../utils';
-export const useViewsManager = ({ mode, layoutData, initialTableViews, initialCustomViews, templates, lang = 'en' }) => {
-    // Transform templates internally if provided
+import { transformTemplatesToViewMenuItems, getLayoutDataFromTemplates, getColumnsByMode } from '../utils';
+export const useViewsManager = ({ mode, templates, lang = 'en' }) => {
+    // Transform templates internally - this is the only source of data
     const transformedTemplates = useMemo(() => {
         if (!templates)
             return null;
         const templatesArray = Array.isArray(templates) ? templates : templates.templates;
+        const { customViews, defaultTemplateColumns } = transformTemplatesToViewMenuItems(templatesArray, mode, lang);
+        // Use default template columns if available, otherwise use layoutData from all templates
+        const effectiveLayoutData = defaultTemplateColumns
+            ? [
+                {
+                    code: mode === 'advanced' ? 'Advanced' : 'Sheet',
+                    columns: defaultTemplateColumns.map((col, idx) => {
+                        var _a, _b;
+                        return ({
+                            code: col.name,
+                            name: [{ text: typeof col.label === 'string' ? col.label : col.name, lang }],
+                            order: idx + 1,
+                            default: (_a = col.selected) !== null && _a !== void 0 ? _a : false,
+                            fields: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                                var _a;
+                                return ({
+                                    code: item.name,
+                                    name: [{ text: typeof item.label === 'string' ? item.label : item.name, lang: '' }],
+                                    default: (_a = item.selected) !== null && _a !== void 0 ? _a : false,
+                                });
+                            }),
+                        });
+                    }),
+                },
+            ]
+            : getLayoutDataFromTemplates(templatesArray);
         return {
-            customViews: transformTemplatesToViewMenuItems(templatesArray, mode, lang),
-            layoutData: getLayoutDataFromTemplates(templatesArray),
+            customViews,
+            layoutData: effectiveLayoutData,
+            defaultTemplateColumns,
         };
     }, [templates, mode, lang]);
-    // Use transformed templates or provided props
-    const effectiveLayoutData = (transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.layoutData) || layoutData;
-    const effectiveCustomViews = (transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.customViews) || initialCustomViews;
-    const [defaultColumns, setDefaultColumns] = useState(() => getColumnsByMode(mode, effectiveLayoutData));
-    const [internalTableViews, setInternalTableViews] = useState(initialTableViews || getColumnsByMode(mode, effectiveLayoutData) || []);
-    const [internalCustomViews, setInternalCustomViews] = useState(effectiveCustomViews || []);
+    const [defaultColumns, setDefaultColumns] = useState(() => {
+        // Only use data from templates - no other sources
+        if (templates) {
+            const templatesArray = Array.isArray(templates) ? templates : templates.templates;
+            const { defaultTemplateColumns } = transformTemplatesToViewMenuItems(templatesArray, mode, lang);
+            if (defaultTemplateColumns) {
+                return defaultTemplateColumns;
+            }
+        }
+        // Return empty array if no templates
+        return [];
+    });
+    const [internalTableViews, setInternalTableViews] = useState(() => {
+        // Initialize from templates only
+        if (templates) {
+            const templatesArray = Array.isArray(templates) ? templates : templates.templates;
+            const { defaultTemplateColumns } = transformTemplatesToViewMenuItems(templatesArray, mode, lang);
+            if (defaultTemplateColumns) {
+                return defaultTemplateColumns;
+            }
+        }
+        return [];
+    });
+    const [internalCustomViews, setInternalCustomViews] = useState(() => {
+        // Initialize from templates only
+        if (templates) {
+            const templatesArray = Array.isArray(templates) ? templates : templates.templates;
+            const { customViews } = transformTemplatesToViewMenuItems(templatesArray, mode, lang);
+            return customViews || [];
+        }
+        return [];
+    });
     useEffect(() => {
-        setDefaultColumns(getColumnsByMode(mode, effectiveLayoutData));
-        if (!initialTableViews && effectiveLayoutData) {
-            setInternalTableViews(getColumnsByMode(mode, effectiveLayoutData));
+        // Only use data from templates
+        if (transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.defaultTemplateColumns) {
+            setDefaultColumns(transformedTemplates.defaultTemplateColumns);
+            setInternalTableViews(transformedTemplates.defaultTemplateColumns);
         }
-    }, [mode, effectiveLayoutData, initialTableViews]);
+        else if ((transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.layoutData) && transformedTemplates.layoutData.length > 0) {
+            // Use layoutData from templates
+            const columns = getColumnsByMode(mode, transformedTemplates.layoutData);
+            setDefaultColumns(columns);
+            setInternalTableViews(columns);
+        }
+        else {
+            // No templates - set empty arrays
+            setDefaultColumns([]);
+            setInternalTableViews([]);
+        }
+    }, [mode, transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.defaultTemplateColumns, transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.layoutData]);
     // Update custom views when templates change
     useEffect(() => {
         if (transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.customViews) {
             setInternalCustomViews(transformedTemplates.customViews);
         }
+        else {
+            setInternalCustomViews([]);
+        }
     }, [transformedTemplates === null || transformedTemplates === void 0 ? void 0 : transformedTemplates.customViews]);
     return {
         defaultColumns,

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 ViewsManager } from './ViewsManager';
+export { default as ViewSelector } from './ViewSelector';
 export { default as ViewsDropdown } from './ViewsDropdown';
 export { default as CreateViewDialog } from './CreateViewDialog';
-export type { ViewMenuItem, ViewMode, CreateCustomViewDialogProps, LayoutSection, ColumnItem, FieldItem, TemplateResponse, TemplatesListResponse } from './types';
-export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState } from './utils';
-export { useSubmenuHover, useDialogPosition } from './hooks';
+export type { ViewMenuItem, ViewMode, CreateCustomViewDialogProps, LayoutSection, ColumnItem, FieldItem, TemplateResponse, TemplatesListResponse, } from './types';
+export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, } from './utils';
+export { useSubmenuHover } 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,10 +2,12 @@ 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 ViewsManager } from './ViewsManager';
+export { default as ViewSelector } from './ViewSelector';
 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, useDialogPosition } from './hooks';
+export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, } from './utils';
+export { useSubmenuHover } 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

@@ -5,6 +5,7 @@ export type ViewMode = 'advanced' | 'sheet';
 export interface ViewMenuItem {
     label: string;
     id: string;
+    templateId?: string;
     columns?: string[];
     submenu?: ColumnViewProps[];
     isCustom?: boolean;
@@ -16,6 +17,7 @@ export interface FieldItem {
         text: string;
         lang: string;
     }[];
+    order?: number | null;
     default?: boolean;
 }
 export interface ColumnItem {
@@ -33,23 +35,28 @@ export interface LayoutSection {
     columns: ColumnItem[];
 }
 export interface TemplateResponse {
-    id: string;
-    object: string;
-    master: boolean;
-    live_mode: boolean;
-    api_version: string;
-    feature_version: string;
-    created: number;
-    updated: number;
+    templateId: string;
     segment: string;
     app: string;
     service: string;
+    name: string;
+    layout: LayoutSection[];
+    id: {
+        timestamp: number;
+        date: string;
+    };
+    masterTemplateId: string;
     user: {
         id: string;
     };
-    name: string;
+    created: number;
+    updated: number;
     default: boolean;
-    layout: LayoutSection[];
+    object?: string;
+    master?: boolean;
+    live_mode?: boolean;
+    api_version?: string;
+    feature_version?: string;
 }
 export interface TemplatesListResponse {
     object: string;
@@ -74,6 +81,7 @@ export interface CreateCustomViewDialogProps {
     editingView?: {
         id: string;
         label: string;
+        templateId?: string;
         submenu?: ColumnViewProps[];
     } | null;
     onDelete?: (viewId: string) => Promise<void>;
@@ -84,7 +92,7 @@ export interface ColumnCheckState {
     checked: boolean;
     indeterminate: boolean;
 }
-export interface ViewsManagerProps {
+export interface ViewSelectorProps {
     onViewChange?: TableHeaderProps['onViewChange'];
     setIsViewVisible: (visible: boolean) => void;
     setTableViews?: TableHeaderProps['setTableViews'];
@@ -102,7 +110,7 @@ export interface ViewsManagerProps {
         layout: LayoutSection;
     }) => Promise<void>;
     onDeleteCustomView?: (viewId: string) => Promise<void>;
-    mode?: ViewMode;
+    tableMode?: import('../../../types/index.js').TableMode;
     onTableViewsChange?: (tableViews: ColumnViewProps[]) => void;
     initialTableViews?: ColumnViewProps[];
     onCustomViewsChange?: (customViews: ViewMenuItem[]) => void;
@@ -115,7 +123,7 @@ export interface ViewsDropdownProps {
     open: boolean;
     selectedViewInfo: ViewOption;
     setSelectedViewInfo: (selected: ViewOption) => void;
-    onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onSelect: (e: React.MouseEvent<HTMLDivElement>, templateId?: string) => void;
     setViews?: (views: string[]) => void;
     anchorEl: Element | null;
     tableViews?: ColumnViewProps[];
@@ -167,9 +175,6 @@ export interface UseCreateViewDialogProps {
 }
 export interface UseViewsManagerProps {
     mode: ViewMode;
-    layoutData?: LayoutSection[];
-    initialTableViews?: ColumnViewProps[];
-    initialCustomViews?: ViewMenuItem[];
     templates?: TemplatesListResponse | TemplateResponse[];
     lang?: string;
 }

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

@@ -22,13 +22,21 @@ export declare const setViewAsDefault: (views: ViewMenuItem[], viewId: string) =
 /**
  * Transform API templates response to ViewMenuItem array
  * Filters templates by mode and only shows the section matching the current mode
+ * Separates default templates (to be merged into built-in Default view) from custom views
  */
 export declare const transformTemplatesToViewMenuItems: (templates: Array<{
-    id: string;
+    id: string | {
+        timestamp: number;
+        date: string;
+    };
     name: string;
     default: boolean;
     layout: LayoutSection[];
-}>, mode?: ViewMode, lang?: string) => ViewMenuItem[];
+    templateId: string;
+}>, mode?: ViewMode, lang?: string) => {
+    customViews: ViewMenuItem[];
+    defaultTemplateColumns?: ColumnViewProps[] | undefined;
+};
 /**
  * Convert ColumnViewProps back to LayoutSection format for API requests
  */

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

@@ -1,4 +1,4 @@
-import { advancedColumns, sheetColumns } from './data';
+// Note: advancedColumns and sheetColumns are only used in demo - not imported here to avoid default data
 /**
  * Transform API layout response to internal ColumnViewProps format
  */
@@ -35,7 +35,8 @@ export const getColumnsByMode = (mode, layoutData) => {
             return transformLayoutToColumns([section]);
         }
     }
-    return mode === 'advanced' ? [...advancedColumns] : [...sheetColumns];
+    // Return empty array - all data should come from API
+    return [];
 };
 export const isDateColumn = (name) => {
     return name.toLowerCase() === 'date';
@@ -93,21 +94,36 @@ export const setViewAsDefault = (views, viewId) => {
 /**
  * Transform API templates response to ViewMenuItem array
  * Filters templates by mode and only shows the section matching the current mode
+ * Separates default templates (to be merged into built-in Default view) from custom views
  */
 export const transformTemplatesToViewMenuItems = (templates, mode = 'sheet', lang = 'en') => {
-    return templates.map((template) => {
+    const customViews = [];
+    let defaultTemplateColumns;
+    templates.forEach((template) => {
         // Get columns for the specified mode
         const section = template.layout.find((s) => s.code.toLowerCase() === mode.toLowerCase());
         const columns = section ? transformLayoutToColumns([section], lang) : [];
-        return {
-            id: template.id,
-            label: template.name,
-            isCustom: true,
-            default: template.default,
-            columns: columns.map((col) => col.name),
-            submenu: columns,
-        };
+        // Handle id as either string or object
+        const templateIdString = typeof template.id === 'string' ? template.id : template.templateId;
+        const viewId = typeof template.id === 'string' ? template.id : template.templateId;
+        if (template.default) {
+            // Store default template columns to merge into built-in Default view
+            defaultTemplateColumns = columns;
+        }
+        else {
+            // Add non-default templates as custom views
+            customViews.push({
+                id: viewId,
+                templateId: template.templateId,
+                label: template.name,
+                isCustom: true,
+                default: false,
+                columns: columns.map((col) => col.name),
+                submenu: columns,
+            });
+        }
     });
+    return { customViews, defaultTemplateColumns };
 };
 /**
  * Convert ColumnViewProps back to LayoutSection format for API requests

package/build/components/TableHeader/type.d.ts

@@ -23,7 +23,7 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
     calendarMode?: CalenderMode;
     onStatusChange?: <T extends IStatus>(status?: T) => void;
     onSearch?: (search: string) => void;
-    onViewChange?: () => void;
+    onViewChange?: (templateId?: string) => void;
     onDateChange?: (date: Date | [Date, Date]) => void;
     tableReportsComponent?: React.ReactNode;
     tableFilterComponent?: React.ReactNode;
@@ -57,7 +57,6 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
         layout: LayoutSection;
     }) => Promise<void>;
     onDeleteCustomView?: (viewId: string) => Promise<void>;
-    viewMode?: 'advanced' | 'sheet';
     onTableViewsChange?: (tableViews: ColumnViewProps[]) => void;
     initialTableViews?: ColumnViewProps[];
     onCustomViewsChange?: (customViews: ViewMenuItem[]) => void;

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.372-test.1",
-  "testVersion": 1,
+  "version": "0.1.372-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/ViewsManager.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ViewsManagerProps } from './types';
-declare function ViewsManager({ onViewChange, setIsViewVisible, setTableViews, tableViews: externalTableViews, resetTableViews, customViews: externalCustomViews, onCreateCustomView, onEditCustomView, onDeleteCustomView, mode, onTableViewsChange, initialTableViews, onCustomViewsChange, initialCustomViews, layoutData, templates, lang, }: Readonly<ViewsManagerProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ViewsManager>;
-export default _default;

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

@@ -1,123 +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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { Icon, StyledButton } from '../../index.js';
-import { viewIcon } from '../../../constants/index.js';
-import ViewsDropdown from './ViewsDropdown';
-import CreateViewDialog from './CreateViewDialog';
-import { getColumnsByMode, createCustomViewMenuItem } from './utils';
-import { ViewWrapper } from './styles';
-import { useViewsManager } from './hooks';
-function ViewsManager({ onViewChange, setIsViewVisible, setTableViews, tableViews: externalTableViews, resetTableViews, customViews: externalCustomViews, onCreateCustomView, onEditCustomView, onDeleteCustomView, mode = 'sheet', onTableViewsChange, initialTableViews, onCustomViewsChange, initialCustomViews, layoutData, templates, lang = 'en', }) {
-    const { t } = useTranslation();
-    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 { defaultColumns, setDefaultColumns, internalTableViews, setInternalTableViews, internalCustomViews, setInternalCustomViews } = useViewsManager({
-        mode,
-        layoutData,
-        initialTableViews,
-        initialCustomViews,
-        templates,
-        lang,
-    });
-    const tableViews = externalTableViews !== null && externalTableViews !== void 0 ? externalTableViews : internalTableViews;
-    const setTableViewsState = setTableViews !== null && setTableViews !== void 0 ? setTableViews : setInternalTableViews;
-    const handleTableViewsChange = (newTableViews) => {
-        setTableViewsState(newTableViews);
-        onTableViewsChange === null || onTableViewsChange === void 0 ? void 0 : onTableViewsChange(newTableViews);
-    };
-    const customViews = externalCustomViews !== null && externalCustomViews !== void 0 ? externalCustomViews : internalCustomViews;
-    // Auto-select default template when custom views are loaded
-    useEffect(() => {
-        if (customViews.length > 0) {
-            const defaultView = customViews.find((view) => view.default);
-            if (defaultView && selectedViewInfo.id === 'default') {
-                setSelectedViewInfo(defaultView);
-                if (defaultView.submenu) {
-                    handleTableViewsChange(defaultView.submenu);
-                }
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [customViews]);
-    const handleCustomViewsChange = (newCustomViews) => {
-        setInternalCustomViews(newCustomViews);
-        onCustomViewsChange === null || onCustomViewsChange === void 0 ? void 0 : onCustomViewsChange(newCustomViews);
-    };
-    const handleViewButtonClick = (event) => {
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
-        setAnchorViewEl(event.currentTarget);
-        setDefaultViewElement(event.currentTarget);
-    };
-    const handleCloseViewDropdown = () => {
-        setDefaultViewElement(null);
-    };
-    const handleClose = () => {
-        setAnchorViewEl(null);
-        setDefaultViewElement(null);
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
-    };
-    const handleSelectedViewInfo = (selected) => {
-        setSelectedViewInfo(selected);
-        handleCloseViewDropdown();
-    };
-    const handleOpenCreateDialog = (useCurrentState = false) => {
-        setEditingView(null);
-        setShouldUseCurrentState(useCurrentState);
-        setIsCreateDialogOpen(true);
-        setDefaultViewElement(null);
-    };
-    const handleOpenEditDialog = (view) => {
-        setEditingView(view);
-        setShouldUseCurrentState(true);
-        setIsCreateDialogOpen(true);
-    };
-    const handleCloseCreateDialog = () => {
-        setIsCreateDialogOpen(false);
-        setEditingView(null);
-        setShouldUseCurrentState(false);
-    };
-    const handleSaveView = (data) => __awaiter(this, void 0, void 0, function* () {
-        if (editingView) {
-            const updatedViews = customViews.map((view) => view.id === editingView.id
-                ? Object.assign(Object.assign({}, view), { label: data.name, columns: data.selectedColumns.map((col) => col.name), submenu: data.selectedColumns }) : view);
-            handleCustomViewsChange(updatedViews);
-            yield (onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(editingView.id, data));
-        }
-        else {
-            const newView = createCustomViewMenuItem(data.name, data.selectedColumns);
-            const updatedViews = [...customViews, newView];
-            handleCustomViewsChange(updatedViews);
-            yield (onCreateCustomView === null || onCreateCustomView === void 0 ? void 0 : onCreateCustomView(data));
-        }
-    });
-    const handleDeleteView = (viewId) => __awaiter(this, void 0, void 0, function* () {
-        const updatedViews = customViews.filter((view) => view.id !== viewId);
-        handleCustomViewsChange(updatedViews);
-        yield (onDeleteCustomView === null || onDeleteCustomView === void 0 ? void 0 : onDeleteCustomView(viewId));
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCloseViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ sx: { width: '32px' }, "data-testid": "ViewsManager" }, { children: [_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "ViewsManager_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: (views) => {
-                                if (resetTableViews) {
-                                    resetTableViews({ id: views[0], label: views[0] });
-                                }
-                                else {
-                                    const resetColumns = getColumnsByMode(mode, layoutData);
-                                    handleTableViewsChange(resetColumns);
-                                }
-                            }, tableViews: tableViews, setTableViews: handleTableViewsChange, onCreateCustomView: (useCurrentState) => handleOpenCreateDialog(useCurrentState), customViews: customViews, onEditCustomView: handleOpenEditDialog, defaultColumns: defaultColumns, setDefaultColumns: setDefaultColumns })] })) })), _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(ViewsManager);

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

@@ -1,28 +0,0 @@
-import type { ColumnViewProps } from '../../../types/index.js';
-export { useSubMenu } from './hooks/useSubMenu';
-export { useViewColumns } from './hooks/useViewColumns';
-export { useColumnItem } from './hooks/useColumnItem';
-export { useCreateViewDialog } from './hooks/useCreateViewDialog';
-export { useNestedSubmenu } from './hooks/useNestedSubmenu';
-export { useViewsManager } from './hooks/useViewsManager';
-export declare const useSubmenuHover: () => {
-    hoveredColumn: string | null;
-    anchorEl: HTMLElement | null;
-    openSubmenu: (columnName: string, element: HTMLElement) => void;
-    closeSubmenu: () => void;
-    cancelClose: () => void;
-    forceClose: () => void;
-};
-export declare const useDialogPosition: (dialogWidth: number, dialogHeight: number) => {
-    position: {
-        x: number;
-        y: number;
-    };
-    resetPosition: () => void;
-    updatePosition: (x: number, y: number) => void;
-};
-export declare const useOriginalColumns: (defaultColumns: ColumnViewProps[]) => {
-    originalColumns: ColumnViewProps[];
-    saveOriginalState: () => void;
-    clearOriginalState: () => void;
-};

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

@@ -1,81 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import { SUBMENU_CLOSE_DELAY } from './constants';
-export { useSubMenu } from './hooks/useSubMenu';
-export { useViewColumns } from './hooks/useViewColumns';
-export { useColumnItem } from './hooks/useColumnItem';
-export { useCreateViewDialog } from './hooks/useCreateViewDialog';
-export { useNestedSubmenu } from './hooks/useNestedSubmenu';
-export { useViewsManager } from './hooks/useViewsManager';
-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,
-    };
-};
-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 };
-};
-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,
-    };
-};