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

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,122 +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);
-    // Notify parent of initial view on mount
-    useEffect(() => {
-        // Use defaultTemplate if available, otherwise undefined (built-in default view)
-        const initialView = defaultTemplate || undefined;
-        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;
-        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* () {
-        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));
-        }
-    }), [editingView, customViews, handleCustomViewsChange, onEditCustomView, onCreateCustomView]);
-    const handleDeleteView = useCallback((viewId) => __awaiter(void 0, 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));
-    }), [customViews, handleCustomViewsChange, onDeleteCustomView]);
-    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,
-    };
-};