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

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

@@ -1,10 +1,10 @@
-import type { ColumnViewProps } from '../../../types/index.js';
-import type { LayoutSection, ViewMenuItem, ColumnCheckState, ViewMode } from './types';
+import type { ColumnViewProps, TableMode } from '../../../types/index.js';
+import type { LayoutSection, ViewMenuItem, ColumnCheckState } from './types';
 /**
  * Transform API layout response to internal ColumnViewProps format
  */
 export declare const transformLayoutToColumns: (layout: LayoutSection[], lang?: string) => ColumnViewProps[];
-export declare const getColumnsByMode: (mode: ViewMode, layoutData?: LayoutSection[]) => ColumnViewProps[];
+export declare const getColumnsByMode: (mode: TableMode, layoutData?: LayoutSection[]) => ColumnViewProps[];
 export declare const isDateColumn: (name: string) => boolean;
 export declare const getColumnCheckState: (column: ColumnViewProps) => ColumnCheckState;
 export declare const createCustomViewMenuItem: (name: string, selectedColumns: ColumnViewProps[], isDefault?: boolean) => ViewMenuItem;
@@ -33,7 +33,7 @@ export declare const transformTemplatesToViewMenuItems: (templates: Array<{
     default: boolean;
     layout: LayoutSection[];
     templateId: string;
-}>, mode?: ViewMode, lang?: string) => {
+}>, mode?: TableMode, lang?: string) => {
     customViews: ViewMenuItem[];
     defaultTemplateColumns?: ColumnViewProps[] | undefined;
     defaultTemplate?: ViewMenuItem | undefined;
@@ -41,7 +41,7 @@ export declare const transformTemplatesToViewMenuItems: (templates: Array<{
 /**
  * Convert ColumnViewProps back to LayoutSection format for API requests
  */
-export declare const convertColumnsToLayoutSection: (columns: ColumnViewProps[], mode: ViewMode, lang?: string) => LayoutSection;
+export declare const convertColumnsToLayoutSection: (columns: ColumnViewProps[], mode: TableMode, lang?: string) => LayoutSection;
 /**
  * Initialize columns for editing mode
  */

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,
             });
         });
@@ -31,7 +31,9 @@ export const transformLayoutToColumns = (layout, lang = 'en') => {
 };
 export const getColumnsByMode = (mode, layoutData) => {
     if (layoutData && layoutData.length > 0) {
-        const section = layoutData.find((s) => s.code.toLowerCase() === mode.toLowerCase());
+        // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
+        const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
+        const section = layoutData.find((s) => s.code.toLowerCase() === sectionCode);
         if (section) {
             return transformLayoutToColumns([section]);
         }
@@ -103,7 +105,9 @@ export const transformTemplatesToViewMenuItems = (templates, mode = 'sheet', lan
     let defaultTemplate;
     templates.forEach((template) => {
         // Get columns for the specified mode
-        const section = template.layout.find((s) => s.code.toLowerCase() === mode.toLowerCase());
+        // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
+        const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
+        const section = template.layout.find((s) => s.code.toLowerCase() === sectionCode);
         const columns = section ? transformLayoutToColumns([section], lang) : [];
         // Handle id as either string or object
         const templateIdString = typeof template.id === 'string' ? template.id : template.templateId;
@@ -172,8 +176,10 @@ export const convertColumnsToLayoutSection = (columns, mode, lang = 'en') => {
                 },
             ], order: index + 1, default: (_b = col.selected) !== null && _b !== void 0 ? _b : false }, (fieldItems && fieldItems.length > 0 && { fields: fieldItems }));
     });
+    // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
+    const sectionCode = mode === 'sheet' ? 'Sheet' : 'Advanced';
     return {
-        code: mode === 'advanced' ? 'Advanced' : 'Sheet',
+        code: sectionCode,
         columns: columnItems,
     };
 };
@@ -323,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 });
@@ -405,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/build/components/TableHeader/index.d.ts

@@ -6,3 +6,4 @@ export { default as FiltersRowWrapper } from './FiltersRowWrapper';
 export { default as FiltersRow } from './FiltersRow';
 export * from './style';
 export * from './type';
+export type { Template, LayoutSection, ViewMenuItem } from './TableView/types';

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

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import type { CalenderMode, TableHeaderStatus, ColumnViewProps, TableMode, Timezone, SegmentCountry } from '../../types/index.js';
 import { AvailableStatus } from '../StatusBar/type';
 import { PartialExcept } from '../../types/index.js';
-import type { ViewMenuItem, LayoutSection } from './TableView/types';
+import type { ViewMenuItem, LayoutSection, Template } from './TableView/types';
 type ViewsOptions = {
     default: {};
     developer: {};
@@ -45,7 +45,6 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
         id: string;
         label: string;
     }) => void;
-    customViews?: ViewMenuItem[];
     onCreateCustomView?: (data: {
         name: string;
         selectedColumns: ColumnViewProps[];
@@ -57,12 +56,7 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
         layout: LayoutSection;
     }) => Promise<void>;
     onDeleteCustomView?: (viewId: string) => Promise<void>;
-    onTableViewsChange?: (tableViews: ColumnViewProps[]) => void;
-    initialTableViews?: ColumnViewProps[];
-    onCustomViewsChange?: (customViews: ViewMenuItem[]) => void;
-    initialCustomViews?: ViewMenuItem[];
-    layoutData?: import('./TableView/types').LayoutSection[];
-    templates?: import('./TableView/types').TemplatesListResponse | import('./TableView/types').TemplateResponse[];
+    templates?: Template[];
     lang?: string;
     onToggleTextButtonClick?: () => void;
     children?: ReactNode;

package/build/components/Toolbar/Toolbar.js

@@ -15,6 +15,6 @@ import { ToolbarStyled, StyledBox, ActionsBox } from './style';
 import WindowAppIcon from '../WindowAppIcon';
 function Toolbar(_a) {
     var { onMouseEnter, onMouseLeave, isMaximized, isHovered, children, rightActions, leftActions, title, icon } = _a, props = __rest(_a, ["onMouseEnter", "onMouseLeave", "isMaximized", "isHovered", "children", "rightActions", "leftActions", "title", "icon"]);
-    return (_jsx(ToolbarStyled, Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, maximized: isMaximized, id: "toolbar", isHovered: isHovered }, props, { children: _jsxs(StyledBox, Object.assign({ className: "toolbar-wrapper" }, { children: [leftActions ? _jsx(ActionsBox, Object.assign({ className: "action-box" }, { children: leftActions })) : _jsx("div", {}), _jsx(WindowAppIcon, { title: title, icon: icon }), rightActions ? (_jsx(ActionsBox, Object.assign({ sx: { justifyContent: 'flex-end' }, className: "action-box" }, { children: rightActions }))) : (_jsx("div", {}))] })) })));
+    return (_jsx(ToolbarStyled, Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, maximized: isMaximized, id: "toolbar", isHovered: isHovered }, props, { children: _jsxs(StyledBox, Object.assign({ className: "toolbar-wrapper" }, { children: [leftActions ? _jsx(ActionsBox, Object.assign({ className: "action-box" }, { children: leftActions })) : _jsx("div", {}), _jsx(WindowAppIcon, { title: title, icon: icon }), rightActions || _jsx("div", {})] })) })));
 }
 export default memo(Toolbar);

package/build/components/VirtualTables/VirtualTable/VirtualTable.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { IVirtualTable } from '../../../types/index.js';
-declare function VirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, onStartDrag, isSheetView, isMinimized, footerComponent, customNoDataComponent, }: Readonly<IVirtualTable>): import("react/jsx-runtime").JSX.Element;
+declare function VirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, onStartDrag, isSheetView, isMinimized, footerComponent, customNoDataComponent, defaultSkeleton, }: Readonly<IVirtualTable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof VirtualTable>;
 export default _default;

package/build/components/VirtualTables/VirtualTable/VirtualTable.js

@@ -15,7 +15,7 @@ import AutoSizer from 'react-virtualized-auto-sizer';
 import InfiniteLoader from 'react-window-infinite-loader';
 import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN, SHEET_VIEW_TABLE_ROW_HEIGHT } from '../../../constants/index.js';
 import { useDelayToSetValue } from '../../../hooks/index.js';
-import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../../utils/index.js';
+import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError, getProcessedColumns } from '../../../utils/index.js';
 import TableFooter from '../components/TableFooter/TableFooter';
 import TableHeader from '../components/TableHeader';
 import TableLastItem from '../components/TableLastItem';
@@ -34,7 +34,7 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     areAllRowsLoaded,
     isSheetView,
 }));
-function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, onStartDrag, isSheetView = false, isMinimized, footerComponent, customNoDataComponent, }) {
+function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, onStartDrag, isSheetView = false, isMinimized, footerComponent, customNoDataComponent, defaultSkeleton = false, }) {
     var _a;
     const theme = useTheme();
     const onPointerDown = (e) => {
@@ -58,7 +58,8 @@ function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader,
     const tableEmpty = !isLoading && rows.length === 0;
     const hasTimeoutError = isTimeoutError(error);
     const lastItemIndex = rows.length - 1;
-    const shownColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
+    const processedColumns = useMemo(() => getProcessedColumns(columns, isLoading !== null && isLoading !== void 0 ? isLoading : false, defaultSkeleton), [columns, isLoading, defaultSkeleton]);
+    const shownColumns = useMemo(() => processedColumns.filter((column) => !column.hidden), [processedColumns]);
     const orderedColumns = useMemo(() => shownColumns.sort((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.order) !== null && _a !== void 0 ? _a : 1000000) - ((_b = b === null || b === void 0 ? void 0 : b.order) !== null && _b !== void 0 ? _b : 1000000); }), [shownColumns]);
     const areTotalRowsNotFillingHeight = isHeightNotFullyFilledByRows(rows.length) && !tableLoading;
     const itemsCount = isDelayedFetchingNextPage || (areAllRowsLoaded && !areTotalRowsNotFillingHeight) ? rows.length + 1 : rows.length;

package/build/constants/apps.js

@@ -492,4 +492,6 @@ export const MF_APPS_MAPPER = new Set([
     APP_CODES.payouts.code,
     APP_CODES.reports.code,
     APP_CODES.leads.code,
+    APP_CODES.wallet.code,
+    APP_CODES.authentication.code,
 ]);

package/build/constants/assets.d.ts

@@ -7,6 +7,7 @@ export declare const getPaymentMethodsIcon: (source: string) => string;
 export declare const getPaymentIssuersIcon: (source: string) => string;
 export declare const getCountriesIcon: (source: string) => string;
 export declare const getServiceFunctionIcon: (functionCode: string) => string;
+export declare const getStatusIcon: (statusCode: string) => string;
 export declare const getCurrenciesIcon: (currency: string) => string;
 export declare const getAuthorityIcon: (authority: string) => string;
 export declare const SARIconImage: string;

package/build/constants/assets.js

@@ -9,6 +9,7 @@ export const getPaymentMethodsIcon = (source) => `${lightUrl}/payment-method/v2/
 export const getPaymentIssuersIcon = (source) => `${lightUrl}/payment-issuer/${source}.svg`;
 export const getCountriesIcon = (source) => `${lightUrl}/country/v3/${source}.svg`;
 export const getServiceFunctionIcon = (functionCode) => `${lightUrl}/function/${functionCode}.svg`;
+export const getStatusIcon = (statusCode) => `${lightUrl}/statusIcons/${statusCode}.svg`;
 export const getCurrenciesIcon = (currency) => `${cdnUrl}/currency/v3/light/${currency}.svg`;
 export const getAuthorityIcon = (authority) => {
     const authorityWithoutSpaces = authority.replace(/\s/g, '');

package/build/types/reports.d.ts

@@ -4,3 +4,24 @@ export declare enum ReportStatusEnum {
     PROCESSING = "PROCESSING",
     INITIATED = "INITIATED"
 }
+export interface Report {
+    id: string;
+    object: string;
+    live_mode: boolean;
+    api_version: string;
+    feature_version: string;
+    type: string;
+    status: string;
+    segment_id: string;
+    created_at: number;
+    started_at: number;
+    completed_at: number;
+    total_records: number;
+    result_file: string;
+    download_count: string;
+    last_downloaded_at: number;
+    response: {
+        code: string;
+        message: string;
+    };
+}

package/build/types/table.d.ts

@@ -116,6 +116,7 @@ export interface IVirtualTable<R = any> {
     headerProps?: TableHeadProps;
     isLoading?: boolean;
     isFetchingNextPage?: boolean;
+    defaultSkeleton?: boolean;
     rowProps?: TableRowProps & {
         onRowClick?: (row: R, index: number) => void;
     };

package/build/utils/date.js

@@ -69,9 +69,11 @@ export const formatUTCOffset = (offset = 0) => {
  * @returns - Array of two dates [startDate, endDate]
  */
 export const getDefaultDateRange = (startDay = 6) => {
-    const monthDaysMinus = dayjs().subtract(startDay, 'day').hour(0).minute(0).second(0).toDate();
-    const today = dayjs(new Date()).hour(23).minute(59).second(59).toDate();
-    return [monthDaysMinus, today];
+    const safeDays = Number.isFinite(startDay) && startDay >= 0 ? startDay : 0;
+    const now = dayjs();
+    const start = now.subtract(safeDays, 'day').startOf('day');
+    const end = now.endOf('day');
+    return [start.toDate(), end.toDate()];
 };
 export const getUTCTimestamp = (date) => {
     // Create a Date object with the local date string

package/build/utils/index.d.ts

@@ -45,3 +45,4 @@ export * from './boolean';
 export * from './columnResizeStorage';
 export * from './timezone';
 export * from './merchantSource';
+export * from './skeletonColumns';

package/build/utils/index.js

@@ -45,3 +45,4 @@ export * from './boolean';
 export * from './columnResizeStorage';
 export * from './timezone';
 export * from './merchantSource';
+export * from './skeletonColumns';

package/build/utils/skeletonColumns.d.ts

@@ -0,0 +1,4 @@
+import type { IColumnProps } from '../types/index.js';
+export declare const DEFAULT_SKELETON_WIDTHS: string[];
+export declare const generateSkeletonColumns: (staticWidths?: string[]) => IColumnProps[];
+export declare const getProcessedColumns: <T = any>(columns: readonly IColumnProps<T>[], isLoading: boolean, defaultSkeleton: boolean) => IColumnProps<T>[];

package/build/utils/skeletonColumns.js

@@ -0,0 +1,17 @@
+export const DEFAULT_SKELETON_WIDTHS = ['120px', '180px', '100px', '150px', '200px', '140px', '160px', '110px', '190px', '130px'];
+export const generateSkeletonColumns = (staticWidths = DEFAULT_SKELETON_WIDTHS) => {
+    return staticWidths.map((width, index) => ({
+        id: `skeleton-col-${index}`,
+        header: '',
+        width,
+        order: index,
+        hidden: false,
+        sortable: false,
+    }));
+};
+export const getProcessedColumns = (columns, isLoading, defaultSkeleton) => {
+    if (defaultSkeleton && isLoading) {
+        return generateSkeletonColumns();
+    }
+    return [...columns];
+};

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.2-test.3-test.4-test.5-test.6-test.7",
-  "testVersion": 7,
+  "version": "0.1.372-test.2-test.3-test.4",
+  "testVersion": 4,
   "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, setIsViewVisible, setTableViews, tableViews: externalTableViews, resetTableViews, customViews: externalCustomViews, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode, onTableViewsChange, onCustomViewsChange, templates, lang, }: ViewSelectorProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ViewSelector>;
-export default _default;

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo } 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 { ViewWrapper } from './styles';
-import { useViewsManager } from './hooks';
-import { useViewSelector } from './hooks/useViewSelector';
-function ViewSelector({ onViewChange, setIsViewVisible, setTableViews, tableViews: externalTableViews, resetTableViews, customViews: externalCustomViews, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode = 'default', onTableViewsChange, onCustomViewsChange, templates, lang = 'en', }) {
-    const { t } = useTranslation();
-    // Map tableMode to viewMode: 'sheet' → 'sheet', 'default' → 'advanced'
-    const mode = tableMode === 'sheet' ? 'sheet' : 'advanced';
-    const { defaultColumns, setDefaultColumns, internalTableViews, setInternalTableViews, internalCustomViews, setInternalCustomViews, defaultTemplate, } = useViewsManager({
-        mode,
-        templates,
-        lang,
-    });
-    const tableViews = externalTableViews !== null && externalTableViews !== void 0 ? externalTableViews : internalTableViews;
-    const customViews = externalCustomViews !== null && externalCustomViews !== void 0 ? externalCustomViews : internalCustomViews;
-    const { anchorViewEl, defaultViewEl, setDefaultViewElement, isCreateDialogOpen, editingView, selectedViewInfo, shouldUseCurrentState, handleViewButtonClick, handleCloseViewDropdown, handleSelectedViewInfo, handleOpenCreateDialog, handleOpenEditDialog, handleCloseCreateDialog, handleSaveView, handleDeleteView, handleResetViews, handleTableViewsChange, } = useViewSelector({
-        mode,
-        onViewChange,
-        onTableViewsChange,
-        onCustomViewsChange,
-        onCreateCustomView,
-        onEditCustomView,
-        onDeleteCustomView,
-        resetTableViews,
-        setTableViews,
-        tableViews,
-        customViews,
-        defaultColumns,
-        defaultTemplate,
-        setInternalCustomViews,
-        setInternalTableViews,
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCloseViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ sx: { width: '32px' }, "data-testid": "ViewSelector" }, { children: [_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "ViewSelector_button", onClick: handleViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), _jsx(ViewsDropdown, { open: Boolean(defaultViewEl), anchorEl: anchorViewEl, setSelectedViewInfo: handleSelectedViewInfo, selectedViewInfo: selectedViewInfo, onSelect: (e, selectedView) => {
-                                setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                            }, setViews: handleResetViews, tableViews: tableViews, setTableViews: handleTableViewsChange, onCreateCustomView: handleOpenCreateDialog, customViews: customViews, onEditCustomView: handleOpenEditDialog, defaultColumns: defaultColumns, setDefaultColumns: setDefaultColumns })] })) })), _jsx(CreateViewDialog, { open: isCreateDialogOpen, onClose: handleCloseCreateDialog, availableColumns: defaultColumns, defaultColumns: defaultColumns, onCreate: handleSaveView, editingView: editingView, onDelete: handleDeleteView, tableViews: shouldUseCurrentState ? defaultColumns : undefined, mode: mode })] }));
-}
-export default memo(ViewSelector);

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

@@ -1,56 +0,0 @@
-import { type MouseEvent } from 'react';
-import type { ColumnViewProps } from '../../../../types/index.js';
-import type { ViewMenuItem, LayoutSection, ViewMode } from '../types';
-import type { ViewOption } from '../../type';
-export interface UseViewSelectorProps {
-    mode: ViewMode;
-    onViewChange?: (selectedView?: ViewMenuItem) => void;
-    onTableViewsChange?: (tableViews: ColumnViewProps[]) => void;
-    onCustomViewsChange?: (customViews: 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>;
-    resetTableViews?: (view: {
-        id: string;
-        label: string;
-    }) => void;
-    setTableViews?: (columns: ColumnViewProps[]) => void;
-    tableViews: ColumnViewProps[];
-    customViews: ViewMenuItem[];
-    defaultColumns: ColumnViewProps[];
-    defaultTemplate?: ViewMenuItem;
-    setInternalCustomViews: (views: ViewMenuItem[]) => void;
-    setInternalTableViews: (views: ColumnViewProps[]) => void;
-}
-export declare const useViewSelector: ({ mode, onViewChange, onTableViewsChange, onCustomViewsChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, resetTableViews, setTableViews, tableViews, customViews, defaultColumns, defaultTemplate, setInternalCustomViews, setInternalTableViews, }: 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;
-    handleViewButtonClick: (event: MouseEvent<HTMLDivElement>) => void;
-    handleCloseViewDropdown: () => void;
-    handleClose: () => 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: (views: string[]) => void;
-    handleTableViewsChange: (newTableViews: ColumnViewProps[]) => void;
-};

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

@@ -1,177 +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 } from 'react';
-import { createCustomViewMenuItem } from '../utils';
-export const useViewSelector = ({ mode, onViewChange, onTableViewsChange, onCustomViewsChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, resetTableViews, setTableViews, tableViews, customViews, defaultColumns, defaultTemplate, setInternalCustomViews, setInternalTableViews, }) => {
-    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);
-    // Update editingView when customViews changes to ensure it reflects the latest saved state
-    useEffect(() => {
-        if (editingView && customViews.length > 0) {
-            const updatedView = customViews.find((view) => view.id === editingView.id);
-            if (updatedView && updatedView !== editingView) {
-                setEditingView(updatedView);
-            }
-        }
-    }, [customViews, editingView]);
-    // Update selectedView when customViews changes to ensure it reflects the latest saved state
-    useEffect(() => {
-        if (selectedView && selectedView.isCustom && customViews.length > 0) {
-            const updatedView = customViews.find((view) => view.id === selectedView.id);
-            if (updatedView) {
-                // Compare submenu to detect changes (deep comparison would be better, but this works for now)
-                const submenuChanged = JSON.stringify(updatedView.submenu) !== JSON.stringify(selectedView.submenu);
-                const labelChanged = updatedView.label !== selectedView.label;
-                if (submenuChanged || labelChanged) {
-                    // Create a new object reference to ensure React detects the change
-                    const newSelectedView = Object.assign(Object.assign({}, updatedView), { submenu: updatedView.submenu ? [...updatedView.submenu] : undefined });
-                    setSelectedView(newSelectedView);
-                    onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(newSelectedView);
-                }
-            }
-        }
-    }, [customViews, selectedView, onViewChange]);
-    // Notify parent of initial view on mount
-    useEffect(() => {
-        // Use defaultTemplate if available, otherwise undefined (built-in default view)
-        const initialView = defaultTemplate || undefined;
-        console.log('initialView', initialView);
-        setSelectedView(initialView);
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(initialView);
-    }, [onViewChange, defaultTemplate]);
-    const handleTableViewsChange = useCallback((newTableViews) => {
-        const setTableViewsState = setTableViews !== null && setTableViews !== void 0 ? setTableViews : setInternalTableViews;
-        setTableViewsState(newTableViews);
-        onTableViewsChange === null || onTableViewsChange === void 0 ? void 0 : onTableViewsChange(newTableViews);
-    }, [setTableViews, setInternalTableViews, onTableViewsChange]);
-    const handleCustomViewsChange = useCallback((newCustomViews) => {
-        setInternalCustomViews(newCustomViews);
-        onCustomViewsChange === null || onCustomViewsChange === void 0 ? void 0 : onCustomViewsChange(newCustomViews);
-    }, [setInternalCustomViews, onCustomViewsChange]);
-    const handleViewButtonClick = useCallback((event) => {
-        setAnchorViewEl(event.currentTarget);
-        setDefaultViewElement(event.currentTarget);
-    }, []);
-    const handleCloseViewDropdown = useCallback(() => {
-        setDefaultViewElement(null);
-    }, []);
-    const handleClose = useCallback(() => {
-        setAnchorViewEl(null);
-        setDefaultViewElement(null);
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
-    }, []);
-    const handleSelectedViewInfo = useCallback((selected, viewMenuItem) => {
-        setSelectedViewInfo(selected);
-        // Update selected view and notify parent
-        const newSelectedView = viewMenuItem || undefined;
-        console.log('newSelectedView', newSelectedView);
-        setSelectedView(newSelectedView);
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(newSelectedView);
-        handleCloseViewDropdown();
-    }, [handleCloseViewDropdown, onViewChange]);
-    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* () {
-        try {
-            if (editingView) {
-                yield (onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(editingView.id, data));
-                // Update state after promise resolves successfully
-                const updatedView = Object.assign(Object.assign({}, editingView), { label: data.name, columns: data.selectedColumns.map((col) => col.name), submenu: data.selectedColumns });
-                const updatedViews = customViews.map((view) => (view.id === editingView.id ? updatedView : view));
-                handleCustomViewsChange(updatedViews);
-                // If the updated view is currently selected, update selectedView to reflect changes
-                // Create a new object reference to ensure React detects the change
-                if ((selectedView === null || selectedView === void 0 ? void 0 : selectedView.id) === editingView.id) {
-                    const newSelectedView = Object.assign(Object.assign({}, updatedView), { submenu: [...updatedView.submenu] });
-                    setSelectedView(newSelectedView);
-                    onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(newSelectedView);
-                }
-            }
-            else {
-                yield (onCreateCustomView === null || onCreateCustomView === void 0 ? void 0 : onCreateCustomView(data));
-                // Update state after promise resolves successfully
-                const newView = createCustomViewMenuItem(data.name, data.selectedColumns);
-                const updatedViews = [...customViews, newView];
-                handleCustomViewsChange(updatedViews);
-            }
-        }
-        catch (error) {
-            // Error will be handled by the toast in CreateViewDialog
-            throw error;
-        }
-    }), [editingView, customViews, handleCustomViewsChange, onEditCustomView, onCreateCustomView, selectedView, onViewChange]);
-    const handleDeleteView = useCallback((viewId) => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            yield (onDeleteCustomView === null || onDeleteCustomView === void 0 ? void 0 : onDeleteCustomView(viewId));
-            // Update state after promise resolves successfully
-            const updatedViews = customViews.filter((view) => view.id !== viewId);
-            handleCustomViewsChange(updatedViews);
-            // If the deleted view was selected, reset to default
-            if ((selectedView === null || selectedView === void 0 ? void 0 : selectedView.id) === viewId) {
-                setSelectedView(undefined);
-                onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(undefined);
-            }
-        }
-        catch (error) {
-            // Error will be handled by the toast in CreateViewDialog
-            throw error;
-        }
-    }), [customViews, handleCustomViewsChange, onDeleteCustomView, selectedView, onViewChange]);
-    const handleResetViews = useCallback((views) => {
-        if (resetTableViews) {
-            resetTableViews({ id: views[0], label: views[0] });
-        }
-        else {
-            // Reset to default columns from templates
-            handleTableViewsChange([...defaultColumns]);
-        }
-    }, [resetTableViews, defaultColumns, handleTableViewsChange]);
-    return {
-        // State
-        anchorViewEl,
-        defaultViewEl,
-        setDefaultViewElement,
-        isCreateDialogOpen,
-        editingView,
-        selectedViewInfo,
-        shouldUseCurrentState,
-        // Handlers
-        handleViewButtonClick,
-        handleCloseViewDropdown,
-        handleClose,
-        handleSelectedViewInfo,
-        handleOpenCreateDialog,
-        handleOpenEditDialog,
-        handleCloseCreateDialog,
-        handleSaveView,
-        handleDeleteView,
-        handleResetViews,
-        handleTableViewsChange,
-    };
-};