@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

package/build/components/TableCells/CustomCells/index.js

@@ -1,56 +0,0 @@
-export * from './DateCell';
-export * from './OrderCell';
-export * from './CustomerCell';
-export * from './AmountCell';
-export * from './StatusCell';
-export * from './ActionCell';
-export * from './DeviceCell';
-export * from './DestinationCell';
-export * from './BalanceCell';
-export * from './SourceCell';
-export * from './AgreementCell';
-export * from './AuthCell';
-export * from './RefundStatusCell';
-export * from './WalletCell';
-export * from './BankCell';
-export * from './PayoutStatusCell';
-export * from './DestinationStatusCell';
-export * from './AuthenticationStatusCell';
-export * from './AuthenticationTypeCell';
-export * from './ChannelsCell';
-export * from './DueDateCell';
-export * from './ProductsCell';
-export * from './TextTableCell';
-export * from './CurrencyCell';
-export * from './PayoutDateCell';
-export * from './BankReferenceCell';
-export * from './ReferenceCell';
-export * from './AuthenticationCell';
-export * from './CheckoutStatusCell';
-export * from './IntentsStatusCell';
-export * from './RefundChargeCell';
-export * from './InvoiceStatusCell';
-export * from './TextWithBadgeCell';
-export * from './TokenStatusCell';
-export * from './BrandCell';
-export * from './MetadataCell';
-export * from './PayoutReportCell';
-export * from './ReceiptCell';
-export * from './EntityCell';
-export * from './ApplicationStatusCell';
-export * from './SegmentsCell';
-export * from './MarketPlaceCell';
-export * from './IndividualsCell';
-export * from './BrandsCell';
-export * from './SalesChannelCell';
-export * from './AppsCell';
-export * from './type';
-export * from './style';
-export * from './LeadStatusCell';
-export * from './PaymentAgreementCell';
-export * from './ProviderCell';
-export * from './PurposeCell';
-export * from './LinkCell';
-export * from './TextWithChipCell';
-export * from './OrdersCell';
-export * from './IDButton';

package/build/components/TableCells/CustomCells/style.js

@@ -1,140 +0,0 @@
-import { Avatar, styled } from '@mui/material';
-import { motion } from 'framer-motion';
-import { TableCell } from '../../TableCells';
-import { getGeographyBoxColor } from '../../../utils/index.js';
-export const GeographyBox = styled('span', {
-    shouldForwardProp: (props) => props !== 'variant',
-})(({ theme, variant }) => ({
-    display: 'flex',
-    width: '17px',
-    height: '12px',
-    backgroundColor: variant ? getGeographyBoxColor(theme.palette)[variant] : 'transparent',
-    borderRadius: '2px',
-    flexShrink: 0,
-    overflow: 'hidden',
-    visibility: 'hidden',
-    '& > img': {
-        width: '100%',
-        height: '100%',
-        objectFit: 'cover',
-    },
-}));
-export const TransparentButton = styled('button')({
-    background: 'transparent',
-    border: 'none',
-    padding: 0,
-    cursor: 'pointer',
-    outline: 'none',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'visible',
-});
-export const BadgeWrapper = styled(motion.div)(({ theme }) => ({
-    borderRadius: '12px',
-    backgroundColor: theme.palette.background.paper,
-    height: '24px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: theme.spacing(0.5),
-}));
-export const TimeZone = styled('img')(() => ({
-    width: '12px',
-    height: '12px',
-}));
-export const StarBadgeWrapper = styled('span', {
-    shouldForwardProp: (props) => props !== 'isShown',
-})(({ theme, isShown }) => (Object.assign(Object.assign({}, (isShown && {
-    border: `1px solid ${theme.palette.divider}`,
-})), { borderRadius: '12px', backgroundColor: isShown ? theme.palette.background.paper : 'transparent', width: '24px', height: '24px', display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0, overflow: 'hidden', visibility: 'hidden' })));
-export const CountBadge = styled('span')(({ theme }) => ({
-    color: theme.palette.common.white,
-    borderRadius: theme.spacing(0.5),
-    padding: '1.285px 2.569px',
-    height: '12px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '9.782px',
-    fontWeight: 600,
-}));
-export const IdButtonContainer = styled('div')(() => ({
-    display: 'flex',
-    width: '24px',
-    height: '24px',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRadius: '64px;',
-    border: '1px solid #F2F2F2;',
-}));
-export const AvatarStyled = styled(Avatar)(({ theme }) => ({
-    width: 24,
-    height: 24,
-    fontSize: '8.5px',
-    fontWeight: 500,
-    border: `1px solid ${theme.palette.divider}`,
-}));
-export const TextLabel = styled('div')(({ theme }) => ({
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '4px 8px',
-    borderRadius: '24px',
-    border: `1px solid ${theme.palette.divider}`,
-}));
-export const CaptureTextLabel = styled(TextLabel)(({ theme }) => ({
-    color: theme.palette.info.dark,
-    backgroundColor: theme.palette.info.light,
-    borderColor: theme.palette.divider,
-    minWidth: '88px',
-    height: '24px',
-}));
-export const VoidTextLabel = styled(TextLabel)(({ theme }) => ({
-    color: theme.palette.grey.A700,
-    backgroundColor: `${theme.palette.grey.A700}1A`,
-    minWidth: '88px',
-    height: '24px',
-}));
-export const StyledTextTableCell = styled(TableCell)(() => ({
-    fontSize: '11px',
-    textAlign: 'left',
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    overflow: 'hidden',
-    gap: '4px',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-}));
-export const StatusCellContainer = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));
-export const StatusIconWrapper = styled('span')(() => ({
-    width: '24px',
-    height: '24px',
-    borderRadius: '50%',
-    backgroundColor: 'transparent',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexShrink: 0,
-}));
-export const StatusIcon = styled('img')(() => ({
-    width: '36px',
-    height: '24px',
-}));
-export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
-    borderRadius: '50%',
-    width: '8.333px',
-    height: '8.333px',
-    border: `0.6px solid ${isCapture ? theme.palette.info.dark : '#656565'}`,
-}));

package/build/components/TableCells/CustomCells/type.js

@@ -1,15 +0,0 @@
-export var ChargeStatus;
-(function (ChargeStatus) {
-    ChargeStatus["ABANDONED"] = "ABANDONED";
-    ChargeStatus["IN_PROGRESS"] = "IN_PROGRESS";
-    ChargeStatus["VOID"] = "VOID";
-    ChargeStatus["CANCELLED"] = "CANCELLED";
-    ChargeStatus["CAPTURED"] = "CAPTURED";
-    ChargeStatus["INITIATED"] = "INITIATED";
-    ChargeStatus["FAILED"] = "FAILED";
-    ChargeStatus["DECLINED"] = "DECLINED";
-    ChargeStatus["RESTRICTED"] = "RESTRICTED";
-    ChargeStatus["TIMEDOUT"] = "TIMEDOUT";
-    ChargeStatus["UNKNOWN"] = "UNKNOWN";
-    ChargeStatus["AUTHORIZED"] = "AUTHORIZED";
-})(ChargeStatus || (ChargeStatus = {}));

package/build/components/TableCells/TableCell.js

@@ -1,19 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import { StyledTableCell } from './style';
-const TableCell = forwardRef((_a, ref) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(StyledTableCell, Object.assign({ component: "div", "data-testid": "TableCell" }, props, { ref: ref }, { children: children })));
-});
-export default memo(TableCell);

package/build/components/TableCells/style.js

@@ -1,18 +0,0 @@
-import { styled } from '@mui/material/styles';
-import TableCell from '@mui/material/TableCell';
-export const StyledTableCell = styled(TableCell, {
-    shouldForwardProp: (prop) => prop !== 'rowId',
-})(({ theme }) => ({
-    fontSize: theme.typography.body2.fontSize,
-    fontWeight: theme.typography.fontWeightRegular,
-    color: theme.palette.text.primary,
-    padding: theme.spacing(0),
-    verticalAlign: 'center',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    display: 'block',
-    width: '100%',
-    border: 'none',
-    textAlign: (theme === null || theme === void 0 ? void 0 : theme.direction) === 'ltr' ? 'left' : 'right',
-}));

package/build/components/TableCells/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/TableHeader/FiltersRow.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { SearchButton, StyledButton, Icon, RangeCalender } from '../index.js';
-import { viewIcon } from '../../constants/index.js';
-import FiltersRowWrapper from './FiltersRowWrapper';
-import TableView from './TableView';
-import { ViewsMenu } from './TableView';
-import TableModeButton from './TableModeButton';
-export default function FiltersRow({ date, calendarMode, onDateChange, onCalendarModeSwitch, tableReportsComponent, tableFilterComponent, isReportsButtonVisible, onViewChange, onSearchChange, onToggleViewButtonClick, rightActions, leftActions, setTableViews, tableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, maxDateRange = 31, searchPlaceholder, isAcceptance, tableMode = 'default', timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, customViews, lang, }) {
-    const [isViewVisible, setIsViewVisible] = useState(false);
-    const timezoneCountriesCodes = useMemo(() => segmentCountries.map(({ code }) => code), [segmentCountries]);
-    const tableModeButton = useMemo(() => _jsx(TableModeButton, { tableMode: tableMode, onToggle: onToggleTextButtonClick }), [tableMode, onToggleTextButtonClick]);
-    return (_jsxs(FiltersRowWrapper, { children: [leftActions && !isViewVisible && leftActions, !isViewVisible && (_jsxs(_Fragment, { children: [onSearchChange && _jsx(SearchButton, { onSearchChange: onSearchChange, placeholder: searchPlaceholder }), tableFilterComponent, onToggleTextButtonClick && !isAcceptance && tableModeButton, date && (_jsx(RangeCalender, { defaultDate: date, onDateChange: (newDate) => {
-                            const [startDate, endDate] = newDate;
-                            if (startDate && endDate) {
-                                onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange([startDate, endDate]);
-                            }
-                        }, mode: calendarMode, onCalendarModeSwitch: onCalendarModeSwitch, maxDateRange: maxDateRange, groupBy: calendarGroupBy, onCalendarGroupChange: onCalendarGroupChange, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, timezone: timezone, onChangeTimezone: onChangeTimezone, timezoneCountriesCodes: timezoneCountriesCodes })), isReportsButtonVisible && tableReportsComponent, onToggleTextButtonClick && isAcceptance && tableModeButton] })), onToggleViewButtonClick && (_jsx(StyledButton, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), onViewChange &&
-                (customViews ? (_jsx(ViewsMenu
-                // @todo to be moved to grouping
-                , Object.assign({ 
-                    // @todo to be moved to grouping
-                    onViewChange: onViewChange, tableMode: tableMode, lang: lang }, customViews))) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews }))), rightActions && !isViewVisible && rightActions] }));
-}

package/build/components/TableHeader/FiltersRowWrapper.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FiltersRowContainer } from './style';
-const FiltersRowWrapper = (props) => {
-    const { children, component = 'aside' } = props, rest = __rest(props, ["children", "component"]);
-    return (_jsx(FiltersRowContainer, Object.assign({ component: component, "data-testid": "FiltersRow" }, rest, { children: children })));
-};
-export default FiltersRowWrapper;

package/build/components/TableHeader/TableHeader.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { FilteredIds, StatusBar, TableHeaderWrapper } from '../index.js';
-import FiltersRow from './FiltersRow';
-import { StatusButtonsContainer, TitleContainer, TableHeaderTitle, TableHeaderRow } from './style';
-export function TableHeader(_a) {
-    var { date, status, availableStatuses, showMaximizedView, title, calendarMode, tableReportsComponent, tableFilterComponent, onStatusChange, onViewChange, onDateChange, onCalendarModeSwitch, filteredIds, onCancelFilteredIdsClick, isFilteredIdsShown, cardNumber, leftActions, rightActions, isReportsButtonVisible, onSearchChange, onToggleViewButtonClick, leftComponent, tableViews, setTableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, children, maxDateRange, isAcceptance, startComponent, searchPlaceholder, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries = [], customViews, lang } = _a, StatusBarProps = __rest(_a, ["date", "status", "availableStatuses", "showMaximizedView", "title", "calendarMode", "tableReportsComponent", "tableFilterComponent", "onStatusChange", "onViewChange", "onDateChange", "onCalendarModeSwitch", "filteredIds", "onCancelFilteredIdsClick", "isFilteredIdsShown", "cardNumber", "leftActions", "rightActions", "isReportsButtonVisible", "onSearchChange", "onToggleViewButtonClick", "leftComponent", "tableViews", "setTableViews", "resetTableViews", "onToggleTextButtonClick", "calendarGroupBy", "onCalendarGroupChange", "children", "maxDateRange", "isAcceptance", "startComponent", "searchPlaceholder", "tableMode", "timezone", "browserTimezone", "defaultCountryTimezone", "onChangeTimezone", "segmentCountries", "customViews", "lang"]);
-    const filtersRow = (_jsx(FiltersRow, { date: date, calendarMode: calendarMode, onDateChange: onDateChange, onCalendarModeSwitch: onCalendarModeSwitch, tableReportsComponent: tableReportsComponent, tableFilterComponent: tableFilterComponent, onViewChange: onViewChange, leftActions: leftActions, rightActions: rightActions, onSearchChange: onSearchChange, onToggleViewButtonClick: onToggleViewButtonClick, isReportsButtonVisible: isReportsButtonVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews, onToggleTextButtonClick: onToggleTextButtonClick, tableMode: tableMode, onCalendarGroupChange: onCalendarGroupChange, calendarGroupBy: calendarGroupBy, maxDateRange: maxDateRange, isAcceptance: isAcceptance, searchPlaceholder: searchPlaceholder, timezone: timezone, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, onChangeTimezone: onChangeTimezone, segmentCountries: segmentCountries, customViews: customViews, lang: lang }));
-    return (_jsxs(TableHeaderWrapper, { children: [showMaximizedView && (_jsxs(TitleContainer, { children: [_jsx("span", { children: !!title && _jsx(TableHeaderTitle, { children: title }) }), filtersRow] }, "TitleContainer")), _jsxs(TableHeaderRow, Object.assign({ as: "section" }, { children: [_jsxs(StatusButtonsContainer, Object.assign({ as: "aside" }, { children: [startComponent, _jsx(StatusBar, Object.assign({ status: status, availableStatuses: availableStatuses, onStatusChange: onStatusChange, isFilteredIdsShown: isFilteredIdsShown }, StatusBarProps)), leftComponent, isFilteredIdsShown && (_jsx(FilteredIds, { cardNumber: cardNumber, Ids: filteredIds, isShown: isFilteredIdsShown, onCancelClick: onCancelFilteredIdsClick }, "FilteredIds"))] })), !showMaximizedView && filtersRow] }), "FiltersWrapper"), children] }));
-}
-export default memo(TableHeader);

package/build/components/TableHeader/TableHeaderWrapper.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableHeaderContainer } from './style';
-const TableHeaderWrapper = (props) => {
-    const { children, component = 'header' } = props, rest = __rest(props, ["children", "component"]);
-    return (_jsx(TableHeaderContainer, Object.assign({ component: component, "data-testid": "TableHeader" }, rest, { children: children })));
-};
-export default TableHeaderWrapper;

package/build/components/TableHeader/TableModeButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { longWordsIcon, sheetViewIcon } from '../../constants/index.js';
-import { Icon, StyledButton } from '../index.js';
-import { isTableDefaultMode, isTableSheetMode } from '../../utils/index.js';
-function TableModeButton({ tableMode, onToggle }) {
-    const isDefaultView = isTableDefaultMode(tableMode);
-    const isSheetView = isTableSheetMode(tableMode);
-    return (_jsx(StyledButton, Object.assign({ hasImageFilter: false, onClick: onToggle, isActive: !isDefaultView }, { children: _jsx(Icon, { src: isSheetView ? sheetViewIcon : longWordsIcon, alt: `${tableMode}-mode`, sx: { width: 14, height: 14 } }) })));
-}
-export default memo(TableModeButton);

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import startCase from 'lodash/startCase';
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-import { Menu, MenuItem } from '../../index.js';
-import { rightArrow } from '../../../constants/index.js';
-import { useColumnItem } from './hooks';
-function ColumnItem({ column, index, openSubMenuName, subMenuAnchorEl, toggleColumnSelection, toggleSubmenuItem, handleSubMenuOpen, handleSubMenuClose, }) {
-    var _a;
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const { isIndeterminate, hasSubmenuItems, isSubmenuOpen, isFirstItem, handleColumnClick, handleMouseEnter, handleMouseLeave } = useColumnItem({
-        column,
-        index,
-        openSubMenuName,
-        toggleColumnSelection,
-        handleSubMenuOpen,
-        handleSubMenuClose,
-    });
-    const getDisplayLabel = (label) => {
-        var _a;
-        if (!label)
-            return '';
-        return (_a = t(label)) !== null && _a !== void 0 ? _a : startCase(label);
-    };
-    return (_jsxs(Box, Object.assign({ sx: Object.assign({ borderTop: `1px solid ${theme.palette.divider}` }, (isFirstItem && { borderTop: 'none', height: 33 })) }, { children: [_jsxs(MenuItem, Object.assign({ isIndeterminate: isIndeterminate, isSelected: column.selected, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleColumnClick }, { children: [_jsx(Box, Object.assign({ sx: { flex: 1 } }, { children: getDisplayLabel(column.label) })), hasSubmenuItems && _jsx("img", { src: rightArrow, className: "arrow-icon", alt: "arrow" })] })), hasSubmenuItems && (_jsx(Menu, Object.assign({ open: isSubmenuOpen, anchorEl: subMenuAnchorEl, placement: "right-start", onMouseEnter: () => { }, onMouseLeave: handleSubMenuClose }, { children: (_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((submenuItem) => (_jsx(MenuItem, Object.assign({ isSelected: submenuItem.selected, onClick: () => toggleSubmenuItem(column.name, submenuItem.name) }, { children: getDisplayLabel(submenuItem.label) }), submenuItem.name))) })))] }), column.name));
-}
-export default ColumnItem;

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

@@ -1,91 +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 } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { Box, Typography, CircularProgress, Dialog } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import Draggable from 'react-draggable';
-import { InputBase } from '../../index.js';
-import { useToast } from '../../../hooks/index.js';
-import Toolbar, { StyledHeaderWrapperStyled } from '../../Toolbar';
-import { CloseIcon } from '../../ToolbarIcon';
-import { TEMPLATE_NAME_MAX_LENGTH } from './constants';
-import { DialogContentWrapper, ScrollableContent, TitleSection, FooterBar, CreateButtonWrapper, DeleteButton, CreateButton, getDialogPaperStyle, dialogSx, } from './styles';
-import { DIALOG_WIDTH, DIALOG_HEIGHT } from './constants';
-import { useCreateViewDialog } from './hooks';
-import { ColumnList } from './components/ColumnList';
-import { convertColumnsToLayoutSection } from './utils';
-import { getSubmenuItemsForDisplay } from './utils/viewMenu';
-function CreateViewDialog({ open, onClose, onCreate, availableColumns = [], defaultColumns = [], editingView, onDelete, tableViews = [], mode = 'sheet', }) {
-    const { t } = useTranslation();
-    const toast = useToast();
-    const [isDeleting, setIsDeleting] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-    React.useEffect(() => {
-        if (!open) {
-            setIsDeleting(false);
-            setIsLoading(false);
-        }
-    }, [open]);
-    const { templateName, setTemplateName, selectedColumns, allSelected, someSelected, isNameValid, hoveredColumn, anchorEl, openSubmenu, closeSubmenu, cancelClose, handleReorder, handleColumnToggle, handleSubItemToggle, handleSelectAll, handleResetToDefault, } = useCreateViewDialog({
-        open,
-        availableColumns,
-        defaultColumns,
-        editingView,
-        tableViews,
-    });
-    const handleCreate = () => __awaiter(this, void 0, void 0, function* () {
-        if (!isNameValid || isLoading || isDeleting)
-            return;
-        setIsLoading(true);
-        try {
-            const columnsToCreate = selectedColumns.filter((col) => col.selected);
-            const layout = convertColumnsToLayoutSection(selectedColumns, mode);
-            yield (onCreate === null || onCreate === void 0 ? void 0 : onCreate({ name: templateName, selectedColumns: columnsToCreate, layout }));
-            onClose();
-        }
-        catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to save view. Please try again.';
-            toast.error(errorMessage);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    });
-    const handleDelete = () => __awaiter(this, void 0, void 0, function* () {
-        if (!editingView || isDeleting || isLoading)
-            return;
-        const viewId = editingView.id;
-        setIsDeleting(true);
-        try {
-            yield (onDelete === null || onDelete === void 0 ? void 0 : onDelete(viewId));
-            onClose();
-        }
-        catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to delete view. Please try again.';
-            toast.error(errorMessage);
-        }
-        finally {
-            setIsDeleting(false);
-        }
-    });
-    if (!open)
-        return null;
-    return (_jsx(Draggable, Object.assign({ handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]' }, { children: _jsxs(Dialog, Object.assign({ disableEnforceFocus: true, open: open, onClose: onClose, hideBackdrop: true, PaperProps: { style: getDialogPaperStyle(DIALOG_WIDTH, DIALOG_HEIGHT) }, sx: dialogSx, TransitionProps: {
-                timeout: 0,
-            }, slotProps: {
-                backdrop: {
-                    sx: {
-                        transition: 'none',
-                    },
-                },
-            } }, { children: [_jsx(StyledHeaderWrapperStyled, Object.assign({ id: "draggable-dialog-title", style: { cursor: 'move' } }, { children: _jsx(Toolbar, { isHovered: true, title: editingView ? 'Edit Custom View' : t('createCustomView') || 'Create Custom View', leftActions: _jsx(CloseIcon, { onClick: onClose }) }) })), _jsxs(DialogContentWrapper, { children: [_jsxs(ScrollableContent, { children: [_jsxs(TitleSection, { children: [_jsxs(Box, { children: [_jsx(Typography, Object.assign({ sx: { fontSize: 24, fontWeight: 700, color: '#9F9F9F', lineHeight: '0.7' } }, { children: "Custom" })), _jsx(Typography, Object.assign({ sx: { fontSize: 24, fontWeight: 700, color: '#20232B', lineHeight: 1.2 } }, { children: "View" }))] }), editingView && (_jsx(DeleteButton, Object.assign({ onClick: handleDelete, disabled: isDeleting || isLoading }, { children: isDeleting ? (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: [_jsx(CircularProgress, { size: 14, color: "inherit" }), _jsx("span", { children: "Deleting..." })] }))) : ('Delete View') })))] }), _jsx(Box, Object.assign({ sx: { mb: 3 } }, { children: _jsx(InputBase, { name: "templateName", label: "Name", value: templateName, onChange: (value) => setTemplateName(value), hasError: false, inputProps: { maxLength: TEMPLATE_NAME_MAX_LENGTH }, required: true }) })), _jsx(ColumnList, { selectedColumns: getSubmenuItemsForDisplay(selectedColumns), columnNames: getSubmenuItemsForDisplay(selectedColumns).map((c) => c.name), allSelected: allSelected, someSelected: someSelected, hoveredColumn: hoveredColumn, anchorEl: anchorEl, onReorder: handleReorder, onColumnToggle: handleColumnToggle, onSubItemToggle: handleSubItemToggle, onSelectAll: handleSelectAll, onResetToDefault: handleResetToDefault, onSubmenuEnter: openSubmenu, onSubmenuLeave: closeSubmenu, onCancelClose: cancelClose })] }), _jsx(FooterBar, {}), _jsx(CreateButtonWrapper, { children: _jsx(CreateButton, Object.assign({ variant: "contained", onClick: handleCreate, disabled: !isNameValid || isLoading || isDeleting, title: !isNameValid ? `Name is required. Current: "${templateName}"` : undefined }, { children: isLoading ? (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: [_jsx(CircularProgress, { size: 14, color: "inherit" }), _jsx("span", { children: editingView ? 'Saving...' : 'Creating...' })] }))) : editingView ? ('Update View') : ('Create View') })) })] })] })) })));
-}
-export default CreateViewDialog;

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Reorder } from 'framer-motion';
-import { CustomBackdrop, Menu } from '../../index.js';
-import { downArrowIcon } from '../../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled } from './styles';
-import { useSubMenu, useViewColumns } from './hooks';
-import ColumnItem from './ColumnItem';
-function CustomViews({ open, onSelect, setTableViews, tableViews, anchorEl, onClose }) {
-    const { t } = useTranslation();
-    const columns = useMemo(() => tableViews || [], [tableViews]);
-    const columnNames = useMemo(() => columns.map((column) => column.name), [columns]);
-    const { reorderColumns, toggleColumnSelection, toggleSubmenuItem } = useViewColumns({
-        columns,
-        setTableViews,
-    });
-    const { subMenuAnchorEl, openSubMenuName, handleSubMenuClose, handleSubMenuOpen, handleMenuScroll } = useSubMenu(open, onClose);
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_CustomViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ "data-testid": "TableView_CustomViews_Button", onClick: onSelect }, { children: [_jsx("div", { children: t('columns') }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, "data-testid": "TableView_CustomViews_Popper", sx: { padding: 0, marginTop: '8px', borderRadius: 1 } }, { children: [open && _jsx(CustomBackdrop, { onClick: onClose }), _jsx(ListStyled, Object.assign({ component: "article", "data-testid": "TableView_CustomViews_List" }, { children: _jsx(Reorder.Group, Object.assign({ as: "div", axis: "y", onReorder: reorderColumns, values: columnNames, onScroll: handleMenuScroll }, { children: columns.map((column, index) => (_jsx(ColumnItem, { column: column, index: index, openSubMenuName: openSubMenuName, subMenuAnchorEl: subMenuAnchorEl, toggleColumnSelection: toggleColumnSelection, toggleSubmenuItem: toggleSubmenuItem, handleSubMenuOpen: handleSubMenuOpen, handleSubMenuClose: handleSubMenuClose }, column.name))) })) }))] }))] })));
-}
-export default memo(CustomViews);

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-import { downArrowIcon, checkIcon } from '../../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled, MenuItem, Space, SpaceAfter } from './styles';
-import { dummyViewList } from '../data';
-function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }) {
-    const { t } = useTranslation();
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_DefaultViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ onClick: (e) => {
-                    onSelect(e);
-                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [dummyViewList.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
-                                setSelectedViewInfo(item);
-                                setViews === null || setViews === void 0 ? void 0 : setViews(item.columns);
-                            } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: item.label }), _jsx(SpaceAfter, {})] }), item.id))), _jsxs(MenuItem, Object.assign({ sx: {
-                                border: 'none',
-                            }, onClick: (e) => {
-                                e.stopPropagation();
-                                setSelectedViewInfo({ label: 'Custom view', id: 'custom' });
-                            } }, { children: [selectedViewInfo.id === 'custom' ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
-}
-export default React.memo(DefaultViews);

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

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { Icon, StyledButton } from '../../index.js';
-import { closeXIcon, viewIcon } from '../../../constants/index.js';
-import CustomViews from './CustomViews';
-import DefaultViews from './DefaultViews';
-import { ButtonStyled, ViewWrapper } from './styles';
-function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
-    const [anchorViewEl, setAnchorViewEl] = useState(null);
-    const [defaultViewEl, setDefaultViewElement] = useState(null);
-    const [customViewEl, setCustomViewElement] = useState(null);
-    const [selectedViewInfo, setSelectedViewInfo] = useState({
-        id: 'default',
-        label: 'Default',
-    });
-    const { t } = useTranslation();
-    const onViewButtonClick = (event) => {
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
-        setAnchorViewEl(event.currentTarget);
-        setIsViewVisible(true);
-    };
-    const closeViewDropdown = () => {
-        setDefaultViewElement(null);
-        setCustomViewElement(null);
-    };
-    const onClose = () => {
-        setAnchorViewEl(null);
-        setIsViewVisible(false);
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
-    };
-    const handleSelectedViewInfo = (selected) => {
-        setSelectedViewInfo(selected);
-        closeViewDropdown();
-    };
-    if (!anchorViewEl) {
-        return (_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "TableView_no_anchorViewEl", onClick: onViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })));
-    }
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
-                        setCustomViewElement(customViewEl ? null : e.currentTarget);
-                        setDefaultViewElement(null);
-                    }, onClose: () => {
-                        setCustomViewElement(null);
-                    } })), _jsx(DefaultViews, { open: Boolean(defaultViewEl), anchorEl: defaultViewEl, setSelectedViewInfo: (view) => {
-                        handleSelectedViewInfo(view);
-                    }, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
-                        setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                        setCustomViewElement(null);
-                    }, setViews: (views) => {
-                        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews({ id: views[0], label: views[0] });
-                    } }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
-}
-export default memo(TableView);