@tap-payments/os-micro-frontend-shared 0.0.180 → 0.0.183

package/build/components/VirtualTable/VirtualTableWithCard.js

@@ -1,84 +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 { useMemo, memo, useState } from 'react';
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-import memoize from 'memoize-one';
-import AutoSizer from 'react-virtualized-auto-sizer';
-import InfiniteLoader from 'react-window-infinite-loader';
-import { useDelayToSetValue } from '../../hooks/index.js';
-import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../utils/index.js';
-import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN } from '../../constants/index.js';
-import TableFooter from './components/TableFooter';
-import TableNoDataWithCard from './components/TableNoDataWithCard';
-import ListItemWrapperWithCard from './components/virtualScroll/ListItemWrapperWithCard';
-import { StyledCardsBox, StyledVirtualList, TableContainer, TableWrapper } from './style';
-const createItemData = memoize((isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, renderCardComponent) => ({
-    isLoading,
-    rows,
-    rowProps,
-    scrollToIndex,
-    totalCount,
-    lastItemIndex,
-    isError,
-    areAllRowsLoaded,
-    renderCardComponent,
-}));
-function VirtualTableWithCard({ rows, threshold = TABLE_THRESHOLD, rowProps, footerProps, rowHeight = TABLE_ROW_HEIGHT, isLoading, error, tableHeader, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, renderCardComponent, cardLoadingComponent, tableHeight, tableHeaderHeight, noDataComponent, dragControls, }) {
-    var _a;
-    const theme = useTheme();
-    const onPointerDown = (e) => {
-        dragControls === null || dragControls === void 0 ? void 0 : dragControls.start(e);
-    };
-    const isDelayedFetchingNextPage = useDelayToSetValue({
-        value: isFetchingNextPage,
-        delay: 1000,
-    });
-    const [showBackDrop, setShowBackdrop] = useState(false);
-    const isError = hasError(error);
-    const tableLoading = isLoading !== null && isLoading !== void 0 ? isLoading : true;
-    const tableError = !isLoading && rows.length === 0 && isError && !isNotFoundError(error);
-    const tableEmpty = !isLoading && rows.length === 0;
-    const hasTimeoutError = isTimeoutError(error);
-    const lastItemIndex = rows.length - 1;
-    const areTotalRowsNotFillingHeight = isHeightNotFullyFilledByRows(rows.length) && !tableLoading;
-    const itemsCount = isDelayedFetchingNextPage || (areAllRowsLoaded && !areTotalRowsNotFillingHeight) ? rows.length + 1 : rows.length;
-    const itemData = createItemData(isDelayedFetchingNextPage, rows, rowProps, scrollToIndex, lastItemIndex, (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0, isError, areAllRowsLoaded && !areTotalRowsNotFillingHeight, renderCardComponent);
-    const renderTableContainer = useMemo(() => {
-        const setBackdropVisibility = (isVisible) => {
-            setShowBackdrop(isVisible);
-        };
-        const handleOnLoadMoreItems = () => __awaiter(this, void 0, void 0, function* () {
-            if (areAllRowsLoaded)
-                return;
-            yield (loadMoreItems === null || loadMoreItems === void 0 ? void 0 : loadMoreItems());
-        });
-        return (_jsx(InfiniteLoader, Object.assign({ "data-testid": "VirtualTable_InfiniteLoader", isItemLoaded: (index) => index !== lastItemIndex, itemCount: itemsCount, loadMoreItems: handleOnLoadMoreItems, threshold: threshold }, { children: ({ onItemsRendered, ref }) => (_jsx(Box, Object.assign({ sx: { height: `${tableHeight - (tableHeaderHeight !== null && tableHeaderHeight !== void 0 ? tableHeaderHeight : 0)}px` }, id: "auto-sizer-wrapper" }, { children: _jsx(AutoSizer, Object.assign({ ref: ref, "data-testid": "VirtualTable_AutoSizer" }, { children: ({ height: h, width: w }) => (_jsx(StyledVirtualList, Object.assign({ "data-testid": "VirtualTable_VirtualList", useIsScrolling: true, className: "list", itemData: itemData, height: h || 0, width: w || 0, itemCount: itemsCount, itemSize: () => rowHeight, onItemsRendered: onItemsRendered, setBackdropVisibility: setBackdropVisibility, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, scrollToIndex: scrollToIndex, overscanCount: TABLE_LIST_OVER_SCAN }, { children: ListItemWrapperWithCard }))) })) }))) })));
-    }, [
-        error,
-        isLoading,
-        lastItemIndex,
-        loadMoreItems,
-        rowHeight,
-        rows,
-        rowProps,
-        tableError,
-        tableLoading,
-        threshold,
-        isDelayedFetchingNextPage,
-        areAllRowsLoaded,
-        areTotalRowsNotFillingHeight,
-        itemsCount,
-    ]);
-    const showNoDataView = tableLoading || tableError || tableEmpty || hasTimeoutError;
-    return (_jsxs(_Fragment, { children: [_jsx(TableContainer, { children: _jsx(StyledCardsBox, Object.assign({ as: "main", id: "table-box-container", "aria-labelledby": "table-box-container", "data-testid": "VirtualTable_StyledTableBox", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-table-mode": tableMode, dir: theme.direction, showNoDataView: showNoDataView, sx: { height: `${tableHeight}px !important` } }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign({}, tableBodyStyles) }, { children: [tableHeader, showNoDataView ? (_jsx(TableNoDataWithCard, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps, cardLoadingComponent: cardLoadingComponent, noDataComponent: noDataComponent })) : (renderTableContainer)] })) })) }), _jsx(TableFooter, Object.assign({ "data-testid": "VirtualTable_TableFooter", showSeparator: true, showBackDrop: showBackDrop, onPointerDown: onPointerDown, sx: { marginTop: '-37px' } }, footerProps))] }));
-}
-export default memo(VirtualTableWithCard);

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { IColumnFilter } from '../../../../types/index.js';
-declare function ColumnFilter(filter: IColumnFilter): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ColumnFilter>;
-export default _default;

package/build/components/VirtualTable/components/ColumnFilter/ColumnFilter.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useState } from 'react';
-import Box from '@mui/material/Box';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Popper from '@mui/material/Popper';
-import { closeIcon, columnIcon, whiteFilterIcon } from '../../../../constants/index.js';
-import Inputs from './Inputs';
-import List from './List';
-import { FilterWrapper } from './style';
-import CustomBackdrop from '../../../CustomBackdrop';
-function ColumnFilter(filter) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const openDropdown = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const onCloseDropdown = () => {
-        setAnchorEl(null);
-    };
-    const filterData = useMemo(() => { var _a; return ((_a = filter === null || filter === void 0 ? void 0 : filter.options) === null || _a === void 0 ? void 0 : _a.reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = filter === null || filter === void 0 ? void 0 : filter.data) === null || _a === void 0 ? void 0 : _a[apiKey] })); }, {})) || {}; }, [filter]);
-    const listFilterData = useMemo(() => {
-        var _a;
-        const listFilter = filter;
-        const rawData = (_a = listFilter === null || listFilter === void 0 ? void 0 : listFilter.data) === null || _a === void 0 ? void 0 : _a[listFilter.apiKey];
-        return Array.isArray(rawData) ? rawData : [];
-    }, [filter]);
-    const showClearIcon = useMemo(() => Object.values(filterData || {}).some((value) => {
-        if (typeof value === 'string' || Array.isArray(value))
-            return value.length > 0;
-        return Boolean(value);
-    }) || listFilterData.length > 0, [filterData, listFilterData]);
-    const open = Boolean(anchorEl);
-    const filterApiKeys = useMemo(() => {
-        var _a;
-        if (filter.type === 'list') {
-            return [filter.apiKey];
-        }
-        return (_a = ((filter === null || filter === void 0 ? void 0 : filter.options) || [])) === null || _a === void 0 ? void 0 : _a.map(({ apiKey }) => apiKey);
-    }, [filter]);
-    const renderFilter = useMemo(() => {
-        if (filter.type === 'list')
-            return _jsx(List, { onCloseDropdown: onCloseDropdown, filter: filter });
-        if (filter.type === 'inputs')
-            return _jsx(Inputs, { onCloseDropdown: onCloseDropdown, filter: filter });
-        if (filter.type === 'custom') {
-            const componentSharedProps = {
-                anchorEl,
-                setAnchorEl,
-            };
-            return filter.render(componentSharedProps);
-        }
-        return null;
-    }, [open, filter, anchorEl, setAnchorEl]);
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onCloseDropdown }, { children: _jsxs(Box, Object.assign({ component: "section", "data-testid": "ColumnFilter", sx: { position: 'relative', display: 'flex', alignItems: 'center' } }, { children: [showClearIcon ? (_jsxs(FilterWrapper, { children: [_jsx(Box, { component: "img", "data-testid": "ColumnFilter_whiteFilterIcon", src: whiteFilterIcon, alt: "filter-icon", sx: { marginInlineEnd: '2px', height: 6 }, onClick: openDropdown }), _jsx(Box, { component: "img", "data-testid": "ColumnFilter_closeIcon", src: closeIcon, alt: "close-icon", onClick: () => {
-                                filter.onClear(filterApiKeys);
-                            } })] })) : (_jsx(Box, { component: "img", "data-testid": "ColumnFilter_columnIcon", src: columnIcon, alt: "column-icon", sx: { marginInlineStart: '8px', cursor: 'pointer' }, onClick: openDropdown })), open && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start", sx: {
-                        zIndex: 9999,
-                    } }, { children: renderFilter }))] })) })));
-}
-export default memo(ColumnFilter);

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.d.ts

@@ -1,7 +0,0 @@
-import type { IColumnFilter, IColumnFilterInputs } from '../../../../../types/index.js';
-interface InputsI {
-    onCloseDropdown: () => void;
-    filter: IColumnFilter & IColumnFilterInputs;
-}
-declare function Inputs({ onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter } }: InputsI): import("react/jsx-runtime").JSX.Element;
-export default Inputs;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
-import Box from '@mui/material/Box';
-import Collapse from '@mui/material/Collapse';
-import lodashValues from 'lodash/values';
-import { useTranslation } from 'react-i18next';
-import { grayCloseIcon, searchIcon } from '../../../../../constants/index.js';
-import { Wrapper, Text, InputStyled, InputsWrapper, ClearButton, ClearWrapper } from './style';
-import { CancelButton, Footer, OkayButton } from '../style';
-function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter } }) {
-    const [values, setValues] = useState({});
-    useEffect(() => {
-        setValues((options || []).reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = data === null || data === void 0 ? void 0 : data[apiKey]) !== null && _a !== void 0 ? _a : '' })); }, {}));
-    }, []);
-    const { t } = useTranslation();
-    const onClickOkay = () => {
-        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(values);
-        onCloseDropdown();
-    };
-    const onClickCancel = () => {
-        onCloseDropdown();
-    };
-    const onClickClear = () => {
-        setValues(options.reduce((acc, { apiKey }) => (Object.assign(Object.assign({}, acc), { [apiKey]: '' })), {}));
-    };
-    const isInputHasValue = (key) => values[key] !== undefined && values[key].length > 0;
-    const getInputValue = (key) => (values[key] !== undefined && values[key].length ? values[key] : '');
-    const onClickResetInput = (key) => {
-        if (isInputHasValue(key))
-            setValues(Object.assign(Object.assign({}, values), { [key]: '' }));
-    };
-    const showClearButton = useMemo(() => lodashValues(values).some((x) => Boolean(x)), [values]);
-    const getFilterByApiKey = useCallback((apiKey) => {
-        return options.find((option) => option.apiKey === apiKey);
-    }, [options]);
-    const isInputDisabled = useCallback((key, filterGroup) => {
-        const inputWithValue = (values === null || values === void 0 ? void 0 : values[key]) !== undefined && (values === null || values === void 0 ? void 0 : values[key]) !== '' && (values === null || values === void 0 ? void 0 : values[key]) !== null;
-        const isAnyInputWithValue = Object.entries(values).some(([inputKey, val]) => { var _a; return Boolean(val) && (((_a = getFilterByApiKey(inputKey)) === null || _a === void 0 ? void 0 : _a.filterGroup) !== filterGroup || !filterGroup); });
-        return isOnlyOneFilter && !inputWithValue && isAnyInputWithValue;
-    }, [options, values, isOnlyOneFilter]);
-    return (_jsxs(Wrapper, Object.assign({ component: "article", "data-testid": "ColumnFilterInputs" }, { children: [_jsx(Text, Object.assign({ component: "header", "data-testid": "ColumnFilterInputs_title" }, { children: t('filterBy') })), _jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main" }, { children: options.map(({ placeholder, apiKey, isDisabled, filterGroup, render }) => (_jsx(Fragment, { children: render ? (render()) : (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
-                            setValues(Object.assign(Object.assign({}, values), { [apiKey]: e.target.value }));
-                        }, disabled: isDisabled || isInputDisabled(apiKey, filterGroup), value: getInputValue(apiKey), inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue(apiKey) ? 'close' : 'search', src: isInputHasValue(apiKey) ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue(apiKey) ? 'pointer' : 'default' }, onClick: () => {
-                                onClickResetInput(apiKey);
-                            } }) })) }, apiKey))) })), _jsx(Collapse, Object.assign({ in: showClearButton, component: "section", "data-testid": "ColumnFilterInputs_Collapse" }, { children: _jsx(ClearWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_ClearWrapper" }, { children: _jsx(ClearButton, Object.assign({ type: "button", onClick: onClickClear, "data-testid": "ColumnFilterInputs_ClearButton" }, { children: t('clear') })) })) })), _jsxs(Footer, Object.assign({ component: "footer", "data-testid": "ColumnFilterInputs_footer" }, { children: [_jsx(CancelButton, Object.assign({ type: "button", onClick: onClickCancel, "data-testid": "ColumnFilterInputs_CancelButton" }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ type: "button", onClick: onClickOkay, "data-testid": "ColumnFilterInputs_OkayButton" }, { children: t('okay') }))] }))] })));
-}
-export default Inputs;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/index.d.ts

@@ -1,2 +0,0 @@
-import Inputs from './Inputs';
-export default Inputs;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/index.js

@@ -1,2 +0,0 @@
-import Inputs from './Inputs';
-export default Inputs;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/style.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Text: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const InputStyled: import("@emotion/styled").StyledComponent<Readonly<import("@mui/material").InputProps & {
-    isError?: boolean | undefined;
-}> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const InputsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ClearButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ClearWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/style.js

@@ -1,47 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-import Input from '../../../../Input';
-export const Wrapper = styled(Box)(({ theme }) => ({
-    backgroundColor: theme.palette.common.white,
-    borderRadius: '4px',
-    filter: 'drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.16))',
-    width: 188,
-    marginTop: 10,
-    boxShadow: theme.shadows[3],
-}));
-export const Text = styled(Box)(({ theme }) => ({
-    color: theme.palette.grey[700],
-    fontSize: '11px',
-    fontWeight: 500,
-    padding: '8px 16px',
-    textAlign: 'left',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-}));
-export const InputStyled = styled(Input)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    '.icon': {
-        width: 14,
-    },
-}));
-export const InputsWrapper = styled(Box)(() => ({
-    padding: '8px 16px',
-    '> div + div': {
-        marginTop: '8px',
-    },
-}));
-export const ClearButton = styled(Button)(({ theme }) => ({
-    color: theme.palette.info.dark,
-    fontSize: '11px',
-    textTransform: 'capitalize',
-    padding: '4px 9px',
-    minWidth: 'auto',
-    '&:hover': {
-        background: 'transparent',
-    },
-}));
-export const ClearWrapper = styled(Box)(({ theme }) => ({
-    padding: '0 16px 8px',
-    textAlign: 'left',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-}));

package/build/components/VirtualTable/components/ColumnFilter/List/List.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { IColumnFilter, IColumnFilterList } from '../../../../../types/index.js';
-interface ListI {
-    onCloseDropdown: () => void;
-    filter: IColumnFilter & IColumnFilterList;
-    styles?: React.CSSProperties;
-}
-declare function List({ onCloseDropdown, filter, styles }: ListI): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof List>;
-export default _default;

package/build/components/VirtualTable/components/ColumnFilter/List/List.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import NestedDropdown from '../../../../NestedDropdown';
-import { CancelButton, Footer, OkayButton } from '../style';
-function List({ onCloseDropdown, filter, styles }) {
-    const [values, setValues] = useState([]);
-    const [itemsList, setItemsList] = useState([]);
-    const { t } = useTranslation();
-    const isItemSelected = (apiKey) => {
-        var _a, _b;
-        const selectedValues = (_b = (_a = filter === null || filter === void 0 ? void 0 : filter.data) === null || _a === void 0 ? void 0 : _a[filter.apiKey]) !== null && _b !== void 0 ? _b : [];
-        if (Array.isArray(selectedValues) && selectedValues.length) {
-            const selectedValueSet = new Set(selectedValues);
-            return selectedValueSet.has(apiKey);
-        }
-    };
-    useEffect(() => {
-        const renderItems = (menuItem) => {
-            return menuItem.map(({ placeholder, value, isSelected, icon, options }) => {
-                var _a;
-                return (Object.assign(Object.assign(Object.assign(Object.assign({}, (placeholder && { label: placeholder })), { name: value, selected: (_a = (isSelected || isItemSelected(value) || (options === null || options === void 0 ? void 0 : options.every(({ value: childKey }) => isItemSelected(childKey))))) !== null && _a !== void 0 ? _a : false }), (icon && { icon })), ((options === null || options === void 0 ? void 0 : options.length) && { menuItems: renderItems(options) })));
-            });
-        };
-        if (filter.options)
-            setItemsList(renderItems(filter.options));
-    }, [filter === null || filter === void 0 ? void 0 : filter.data]);
-    const onClickCancel = () => {
-        onCloseDropdown();
-    };
-    const onClickOkay = () => {
-        var _a;
-        const selectedValues = values.reduce((acc, { options, apiKey: parentKey, isSelected: isParentSelected }) => {
-            if (options) {
-                const selectedOptions = options.filter(({ isSelected }) => isSelected);
-                if (selectedOptions.length) {
-                    acc.push(...selectedOptions.map(({ apiKey: childKey }) => childKey));
-                }
-            }
-            else if (isParentSelected) {
-                acc.push(parentKey);
-            }
-            return acc;
-        }, []);
-        const selectedValueSet = new Set(selectedValues);
-        if (Object.keys(values).length)
-            (_a = filter === null || filter === void 0 ? void 0 : filter.onConfirm) === null || _a === void 0 ? void 0 : _a.call(filter, { [filter.apiKey]: [...selectedValueSet] });
-        onCloseDropdown();
-    };
-    const onUpdateMenuItems = (latestMenuItems) => {
-        const resetItems = (items) => items.map(({ name, selected, menuItems, label }) => (Object.assign(Object.assign(Object.assign({}, (label && { placeholder: label })), { apiKey: name, isSelected: selected }), ((menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && { options: resetItems(menuItems) }))));
-        setValues(resetItems(latestMenuItems));
-    };
-    return (_jsx(NestedDropdown, { "data-testid": "ColumnFilter_List", title: t('filterBy') || 'Filter by', menuItems: itemsList, style: styles, sx: (theme) => (Object.assign({ marginTop: '10px', textAlign: 'left', boxShadow: theme.shadows[3], '.nested-menu-item': { height: 41, zIndex: 9999 } }, styles)), updatedList: onUpdateMenuItems, footer: _jsxs(Footer, Object.assign({ sx: {
-                position: 'sticky',
-                bottom: 0,
-                backgroundColor: 'white',
-                zIndex: 99999,
-            } }, { children: [_jsx(CancelButton, Object.assign({ onClick: onClickCancel }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ onClick: onClickOkay }, { children: t('okay') }))] })) }));
-}
-export default memo(List);

package/build/components/VirtualTable/components/ColumnFilter/List/index.d.ts

@@ -1,2 +0,0 @@
-import List from './List';
-export default List;

package/build/components/VirtualTable/components/ColumnFilter/List/index.js

@@ -1,2 +0,0 @@
-import List from './List';
-export default List;

package/build/components/VirtualTable/components/ColumnFilter/index.d.ts

@@ -1,4 +0,0 @@
-import ColumnFilter from './ColumnFilter';
-export { default as Inputs } from './Inputs';
-export { default as List } from './List';
-export default ColumnFilter;

package/build/components/VirtualTable/components/ColumnFilter/index.js

@@ -1,4 +0,0 @@
-import ColumnFilter from './ColumnFilter';
-export { default as Inputs } from './Inputs';
-export { default as List } from './List';
-export default ColumnFilter;

package/build/components/VirtualTable/components/ColumnFilter/style.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const FilterWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Footer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const OkayButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const CancelButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/VirtualTable/components/ColumnFilter/style.js

@@ -1,50 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-export const FilterWrapper = styled(Box)(({ theme }) => ({
-    background: theme.palette.grey[700],
-    width: 27,
-    height: 14,
-    display: 'inline-flex',
-    alignItems: 'center',
-    marginInlineStart: '4px',
-    borderRadius: '10px',
-    padding: '2px 6px',
-    img: {
-        cursor: 'pointer',
-    },
-}));
-export const Footer = styled(Box)(() => ({
-    padding: '8px 16px',
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'center',
-}));
-export const OkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 74,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.info.dark}`,
-    backgroundColor: theme.palette.info.dark,
-    fontWeight: 700,
-    fontSize: '11px',
-    color: theme.palette.common.white,
-    '&:hover': {
-        backgroundColor: theme.palette.info.dark,
-    },
-}));
-export const CancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 74,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.common.white,
-    fontWeight: 500,
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    '&:hover': {
-        background: 'transparent',
-    },
-}));

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

@@ -1,12 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-interface EmptyListProps extends ComponentPropsWithoutRef<'section'> {
-    sandboxMode?: boolean;
-    heading: string;
-    message: string;
-}
-declare function EmptyList({ sandboxMode, heading, message, ...props }: EmptyListProps): import("react/jsx-runtime").JSX.Element;
-declare namespace EmptyList {
-    var displayName: string;
-}
-declare const _default: import("react").MemoExoticComponent<typeof EmptyList>;
-export default _default;

package/build/components/VirtualTable/components/EmptyList/EmptyList.js

@@ -1,23 +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 { useTranslation } from 'react-i18next';
-import { emptyIcon } from '../../../../constants/index.js';
-import { EmptyListHeading, EmptyListMessage, EmptyListWrapper, StyledImage } from './styles';
-function EmptyList(_a) {
-    var { sandboxMode, heading, message } = _a, props = __rest(_a, ["sandboxMode", "heading", "message"]);
-    const { t } = useTranslation();
-    return (_jsxs(EmptyListWrapper, Object.assign({ component: "section", "data-testid": "EmptyList", sandboxMode: sandboxMode }, props, { children: [_jsx(StyledImage, { src: emptyIcon, alt: "empty container" }), _jsx(EmptyListHeading, { children: t(heading) }), _jsx(EmptyListMessage, { children: t(message) })] })));
-}
-EmptyList.displayName = 'EmptyList';
-export default memo(EmptyList);

package/build/components/VirtualTable/components/EmptyList/index.d.ts

@@ -1,3 +0,0 @@
-import EmptyList from './EmptyList';
-export { StyledImage } from './styles';
-export default EmptyList;

package/build/components/VirtualTable/components/EmptyList/index.js

@@ -1,3 +0,0 @@
-import EmptyList from './EmptyList';
-export { StyledImage } from './styles';
-export default EmptyList;

package/build/components/VirtualTable/components/EmptyList/styles.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const EmptyListHeading: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const EmptyListMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const EmptyListWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    sandboxMode?: boolean | undefined;
-}, {}, {}>;
-export declare const StyledImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/VirtualTable/components/EmptyList/styles.js

@@ -1,39 +0,0 @@
-import { styled } from '@mui/material';
-import Box from '@mui/material/Box';
-export const EmptyListHeading = styled('h1')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 600,
-        fontSize: '1rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        margin: 0,
-    });
-});
-export const EmptyListMessage = styled('p')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 400,
-        fontSize: '0.75rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        marginTop: 3,
-        opacity: 0.5,
-    });
-});
-export const EmptyListWrapper = styled(Box, { shouldForwardProp: (prop) => prop !== 'sandboxMode' })(({ theme, sandboxMode }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    width: '100%',
-    justifyContent: 'center',
-    alignItems: 'center',
-    textAlign: 'center',
-    background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.grey[300],
-    backdropFilter: 'blur(32px)',
-    gap: '0.5rem',
-}));
-export const StyledImage = styled('img')(() => ({
-    width: '2rem',
-    height: '2rem',
-}));

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

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from 'react';
-interface ErrorListProps extends HTMLAttributes<HTMLDivElement> {
-    triggerDataRefetch: () => Promise<unknown>;
-    heading: string;
-    message: string;
-    shouldMinimizeWidth?: boolean;
-    sandboxMode?: boolean;
-}
-declare function ErrorList({ triggerDataRefetch, heading, message, shouldMinimizeWidth, sandboxMode, ...props }: ErrorListProps): import("react/jsx-runtime").JSX.Element;
-export default ErrorList;

package/build/components/VirtualTable/components/ErrorList/ErrorList.js

@@ -1,23 +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 { useTranslation } from 'react-i18next';
-import { disputeIcon } from '../../../../constants/index.js';
-import { ErrorHeading, ListErrorWrapper, ErrorMessage, SizeWrapper, StyledImage, StyledButton, StyledButtonText } from './styles';
-function ErrorList(_a) {
-    var { triggerDataRefetch, heading, message, shouldMinimizeWidth, sandboxMode } = _a, props = __rest(_a, ["triggerDataRefetch", "heading", "message", "shouldMinimizeWidth", "sandboxMode"]);
-    const { t } = useTranslation();
-    return (_jsx(ListErrorWrapper, Object.assign({ sandboxMode: sandboxMode }, props, { children: _jsxs(SizeWrapper, Object.assign({ shouldMinimizeWidth: shouldMinimizeWidth }, { children: [_jsx(StyledImage, { src: disputeIcon, alt: "info icon" }), _jsx(ErrorHeading, { children: t(heading) }), _jsx(ErrorMessage, { children: t(message) }), _jsx(StyledButton, Object.assign({ variant: "contained", onClick: () => {
-                        triggerDataRefetch();
-                    } }, { children: _jsx(StyledButtonText, { children: t('tryAgain') }) }))] })) })));
-}
-export default ErrorList;

package/build/components/VirtualTable/components/ErrorList/index.d.ts

@@ -1,2 +0,0 @@
-import ErrorList from './ErrorList';
-export default ErrorList;

package/build/components/VirtualTable/components/ErrorList/index.js

@@ -1,2 +0,0 @@
-import ErrorList from './ErrorList';
-export default ErrorList;