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

package/build/components/MaskedText/index.js

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

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

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export interface MaskedTextProps {
-    text: string;
-    startLength?: number;
-    endLength?: number;
-    separator?: ReactNode;
-}

package/build/components/MaskedText/type.js

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

package/build/components/Menu/Menu.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { PopperProps } from '@mui/material/Popper';
-import { SxProps, Theme } from '@mui/material';
-interface MenuProps extends PopperProps {
-    children: ReactNode;
-    popperSx?: SxProps<Theme>;
-}
-declare function Menu({ open, anchorEl, children, sx, placement, popperSx }: MenuProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Menu>;
-export default _default;

package/build/components/Menu/Menu.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Popper from '@mui/material/Popper';
-import { Dropdown } from './style';
-function Menu({ open, anchorEl, children, sx, placement, popperSx }) {
-    return (_jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement || 'bottom-start', sx: popperSx }, { children: _jsx(Dropdown, Object.assign({ sx: sx }, { children: children })) }), "menu"));
-}
-export default memo(Menu);

package/build/components/Menu/index.d.ts

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

package/build/components/Menu/index.js

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

package/build/components/Menu/style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Dropdown: 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/Menu/style.js

@@ -1,14 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const Dropdown = styled(Box)(({ theme }) => ({
-    borderRadius: theme.spacing(0.5),
-    background: theme.palette.background.default,
-    width: 'max-content',
-    cursor: 'pointer',
-    boxShadow: theme.shadows[11],
-    display: 'flex',
-    flexDirection: 'column',
-    '.menu-item + .menu-item': {
-        borderTop: `1px solid ${theme.palette.divider}`,
-    },
-}));

package/build/components/MenuItem/MenuItem.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-interface MenuItemProps extends BoxProps {
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    isIndeterminate?: boolean;
-}
-declare function MenuItem({ isSelected, isDisabled, isIndeterminate, onClick, children, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof MenuItem>;
-export default _default;

package/build/components/MenuItem/MenuItem.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { CheckboxStyled, MenuItemStyled } from './style';
-function MenuItem(_a) {
-    var { isSelected, isDisabled, isIndeterminate, onClick, children } = _a, props = __rest(_a, ["isSelected", "isDisabled", "isIndeterminate", "onClick", "children"]);
-    return (_jsxs(MenuItemStyled, Object.assign({ className: isDisabled ? 'disabled menu-item' : 'menu-item', onClick: onClick, disabled: isDisabled }, props, { children: [isSelected !== undefined && _jsx(CheckboxStyled, { size: "small", checked: isSelected, disabled: isDisabled, indeterminate: isIndeterminate }), children] })));
-}
-export default memo(MenuItem);

package/build/components/MenuItem/index.d.ts

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

package/build/components/MenuItem/index.js

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

package/build/components/MenuItem/style.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const MenuItemStyled: 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> & {
-    disabled?: boolean | undefined;
-}, {}, {}>;
-export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/MenuItem/style.js

@@ -1,26 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Checkbox from '../Checkbox';
-export const MenuItemStyled = styled(Box, { shouldForwardProp: (props) => props !== 'disabled' })(({ theme, disabled }) => ({
-    fontWeight: theme.typography.fontWeightMedium,
-    padding: theme.spacing(1),
-    position: 'relative',
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    textTransform: 'capitalize',
-    cursor: disabled ? 'not-allowed' : 'pointer',
-    flex: 1,
-    fontSize: '0.6875rem',
-    lineHeight: '15px',
-    color: theme.palette.text.primary,
-}));
-export const CheckboxStyled = styled(Checkbox)(() => ({
-    padding: 0,
-    paddingRight: '4px',
-    width: '14px !important',
-    svg: {
-        width: '12px !important',
-        height: '12px !important',
-    },
-}));

package/build/components/MultiSelectDropdownButton/MultiSelectDropdownButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ButtonWithDropdownProps } from './type';
-declare function MultiSelectDropdownButton({ buttonLabel, onClear, onConfirm, dropdownItems, apiKey, data, styles, buttonDisabled, }: ButtonWithDropdownProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof MultiSelectDropdownButton>;
-export default _default;

package/build/components/MultiSelectDropdownButton/MultiSelectDropdownButton.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { Popper } from '@mui/material';
-import { ButtonLabel } from './style';
-import CustomBackdrop from '../CustomBackdrop';
-import StatusButton from '../StatusButton';
-import ListColumnFilter from '../VirtualTable/components/ColumnFilter/List';
-import { downArrowIcon } from '../../constants/index.js';
-function MultiSelectDropdownButton({ buttonLabel, onClear, onConfirm, dropdownItems, apiKey, data, styles, buttonDisabled, }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const openDropdown = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const onCloseDropdown = () => {
-        setAnchorEl(null);
-    };
-    const isOpen = Boolean(anchorEl);
-    const dataValue = data === null || data === void 0 ? void 0 : data[apiKey];
-    const selectedCount = Array.isArray(dataValue) ? dataValue.length : 0;
-    const label = (_jsxs(ButtonLabel, Object.assign({ isDisabled: buttonDisabled }, { children: [buttonLabel, _jsx("img", { src: downArrowIcon, alt: "arrow-down" })] })));
-    return (_jsxs("div", { children: [_jsx(StatusButton, { onClick: openDropdown, label: label, disabled: buttonDisabled, badgeCount: selectedCount }), isOpen && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Popper, Object.assign({ open: isOpen, anchorEl: anchorEl, placement: "bottom-start", sx: {
-                    zIndex: 9999,
-                } }, { children: _jsx(ListColumnFilter, { onCloseDropdown: onCloseDropdown, filter: {
-                        apiKey,
-                        data,
-                        onClear,
-                        onConfirm,
-                        options: dropdownItems,
-                        type: 'list',
-                    }, styles: Object.assign(Object.assign({}, styles), { height: '300px', overflowY: 'scroll', maxWidth: '200px' }) }) }))] }));
-}
-export default memo(MultiSelectDropdownButton);

package/build/components/MultiSelectDropdownButton/index.d.ts

@@ -1,3 +0,0 @@
-import MultiSelectDropdownButton from './MultiSelectDropdownButton';
-export * from './type';
-export default MultiSelectDropdownButton;

package/build/components/MultiSelectDropdownButton/index.js

@@ -1,3 +0,0 @@
-import MultiSelectDropdownButton from './MultiSelectDropdownButton';
-export * from './type';
-export default MultiSelectDropdownButton;

package/build/components/MultiSelectDropdownButton/style.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const ButtonLabel: 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> & {
-    isDisabled?: boolean | undefined;
-}, {}, {}>;

package/build/components/MultiSelectDropdownButton/style.js

@@ -1,8 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const ButtonLabel = styled(Box, {
-    shouldForwardProp: (props) => props !== 'isDisabled',
-})(({ isDisabled }) => (Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '4px' }, (isDisabled && {
-    '& img': {
-        opacity: 0.3,
-    },
-}))));

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

@@ -1,12 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { IColumnFilter, IColumnFilterList } from '../../types/index.js';
-export interface ButtonWithDropdownProps {
-    buttonLabel: ReactNode;
-    dropdownItems: IColumnFilterList['options'];
-    apiKey: string;
-    onClear: IColumnFilter['onClear'];
-    onConfirm: IColumnFilter['onConfirm'];
-    data: IColumnFilter['data'];
-    styles?: CSSProperties;
-    buttonDisabled?: boolean;
-}

package/build/components/MultiSelectDropdownButton/type.js

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

package/build/components/MultiSelectStatusButton/MultiSelectStatusButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { MultiSelectStatusButtonProps } from './type';
-declare function MultiSelectStatusButton({ options, selectedValues, onSelectionChange, label, variant }: MultiSelectStatusButtonProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof MultiSelectStatusButton>;
-export default _default;

package/build/components/MultiSelectStatusButton/MultiSelectStatusButton.js

@@ -1,100 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useState, useRef, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Typography, Checkbox } from '@mui/material';
-import { ChevronIcon } from '../StatusButton/ChevronIcon';
-import StyledBadge, { BadgeVariants } from '../CountBadge';
-import CountryFlag from '../CountryFlag';
-import { formatNumber } from '../../utils/index.js';
-import { closeXIcon, SUPPORTED_CURRENCY_DETAILS } from '../../constants/index.js';
-import { ChevronContainer, Label, LabelWrapper, StyledDropdown, MenuItemContainer, CheckboxStyles, StyledStatusButton, ClearIcon, ChevronIconWrapper, } from './style';
-function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChange, label, variant = 'inActive' }) {
-    const { t } = useTranslation();
-    const [anchorEl, setAnchorEl] = useState(null);
-    const buttonRef = useRef(null);
-    const [internalSelectedValues, setInternalSelectedValues] = useState(selectedValues);
-    const [dropdownWidth, setDropdownWidth] = useState(0);
-    const [isHovered, setIsHovered] = useState(false);
-    const isOpen = Boolean(anchorEl);
-    useEffect(() => {
-        if (!isOpen) {
-            setInternalSelectedValues(selectedValues);
-        }
-    }, [selectedValues, isOpen]);
-    const handleDropdownClick = (event) => {
-        var _a;
-        event.stopPropagation();
-        event.preventDefault();
-        if (isOpen) {
-            handleClose();
-            return;
-        }
-        setAnchorEl(buttonRef.current);
-        const buttonWidth = ((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 200;
-        setDropdownWidth(Math.max(buttonWidth, 200));
-    };
-    const handleClose = () => {
-        const hasChanged = JSON.stringify([...internalSelectedValues].sort()) !== JSON.stringify([...selectedValues].sort());
-        if (hasChanged) {
-            onSelectionChange(internalSelectedValues);
-        }
-        setAnchorEl(null);
-        setDropdownWidth(0);
-    };
-    const handleClearAll = (event) => {
-        event.stopPropagation();
-        event.preventDefault();
-        setInternalSelectedValues([]);
-        onSelectionChange([]);
-    };
-    const handleOptionToggle = (optionStatus, event) => {
-        if (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        }
-        const newSelection = internalSelectedValues.includes(optionStatus)
-            ? internalSelectedValues.filter((status) => status !== optionStatus)
-            : [...internalSelectedValues, optionStatus];
-        setInternalSelectedValues(newSelection);
-    };
-    const getDisplayLabel = () => {
-        return (_jsx(Typography, Object.assign({ fontWeight: 400, fontSize: "11px", variant: "inherit" }, { children: t('Currencies') })));
-    };
-    const countBadge = (_jsx(StyledBadge, Object.assign({ pointer: true, variant: variant === 'active' ? BadgeVariants.ACTIVE : BadgeVariants.INACTIVE }, { children: formatNumber(selectedValues.length > 0 ? selectedValues.length : options.length) })));
-    return (_jsxs(_Fragment, { children: [_jsx(StyledStatusButton, Object.assign({ buttonVariant: variant, ref: buttonRef, sx: {
-                    paddingInlineEnd: '27px',
-                }, "data-testid": "MultiSelectStatusButton", onClick: handleDropdownClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), disabled: !options.length }, { children: _jsxs(LabelWrapper, { children: [_jsxs(Label, Object.assign({ variant: variant }, { children: [getDisplayLabel(), countBadge] })), _jsxs(ChevronContainer, Object.assign({ onClick: isHovered && internalSelectedValues.length > 0 ? handleClearAll : undefined, sx: {
-                                '&:hover': {
-                                    backgroundColor: 'transparent',
-                                },
-                            } }, { children: [_jsx(ClearIcon, { variant: variant, src: closeXIcon, alt: "clear all", sx: {
-                                        opacity: isHovered && internalSelectedValues.length > 0 ? 1 : 0,
-                                        pointerEvents: isHovered && internalSelectedValues.length > 0 ? 'auto' : 'none',
-                                    } }), _jsx(ChevronIconWrapper, Object.assign({ isVisible: !(isHovered && internalSelectedValues.length > 0) }, { children: _jsx(ChevronIcon, { disableHover: true, isActive: variant === 'active' }) }))] }))] }) })), isOpen && anchorEl && (_jsx(StyledDropdown, { open: isOpen, onClose: handleClose, anchorEl: anchorEl, allowShadows: false, style: {
-                    minWidth: dropdownWidth || 200,
-                    width: dropdownWidth || 'auto',
-                    marginTop: '6px',
-                    maxWidth: 300,
-                }, sx: {
-                    boxShadow: 'none !important',
-                    '&:hover': {
-                        boxShadow: 'none !important',
-                    },
-                }, menuItems: options.map((option) => {
-                    var _a;
-                    return ({
-                        label: (_jsxs(MenuItemContainer, { children: [_jsx(Checkbox, { checked: internalSelectedValues.includes(option.status), size: "small", sx: CheckboxStyles, onClick: (e) => {
-                                        var _a;
-                                        e.stopPropagation();
-                                        handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
-                                    } }), _jsx(CountryFlag, { code: ((_a = SUPPORTED_CURRENCY_DETAILS[option.code]) === null || _a === void 0 ? void 0 : _a.country) || '', sx: { border: '1px solid white', borderRadius: '3px' } }), _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name }))] })),
-                        onClick: (e) => {
-                            var _a;
-                            e.preventDefault();
-                            e.stopPropagation();
-                            handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
-                        },
-                    });
-                }) }))] }));
-}
-export default memo(MultiSelectStatusButton);

package/build/components/MultiSelectStatusButton/index.d.ts

@@ -1,3 +0,0 @@
-import MultiSelectStatusButton from './MultiSelectStatusButton';
-export default MultiSelectStatusButton;
-export type { CurrencyOption, MultiSelectStatusButtonProps } from './type';

package/build/components/MultiSelectStatusButton/index.js

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

package/build/components/MultiSelectStatusButton/style.d.ts

@@ -1,41 +0,0 @@
-import type React from 'react';
-import { type Theme } from '@mui/material';
-export { statusButtonVariants, ChevronContainer, Label, LabelWrapper, StyledDropdown } from '../StatusButton/style';
-export declare const StyledStatusButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | 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<Theme> & {
-    buttonVariant: 'active' | 'inActive';
-}, {}, {}>;
-export declare const FlagContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const CheckboxStyles: {
-    padding: number;
-    color: string;
-    '&.Mui-checked': {
-        color: string;
-    };
-    '&.MuiCheckbox-root': {
-        color: string;
-    };
-    '& .MuiSvgIcon-root': {
-        color: string;
-    };
-    '&.Mui-checked .MuiSvgIcon-root': {
-        color: string;
-        '& path': {
-            fill: string;
-        };
-    };
-};
-export declare const ClearIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
-    variant: 'active' | 'inActive';
-}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const ChevronIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
-    isVisible: boolean;
-}, {}, {}>;

package/build/components/MultiSelectStatusButton/style.js

@@ -1,77 +0,0 @@
-import { Box, Button } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export { statusButtonVariants, ChevronContainer, Label, LabelWrapper, StyledDropdown } from '../StatusButton/style';
-const baseButtonStyle = (theme) => (Object.assign(Object.assign({}, theme.typography.subtitle1), { borderRadius: '50px', borderWidth: '1px', borderStyle: 'solid', minWidth: '135.11px', height: '32px', display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px', textTransform: 'none', transition: 'background-color 0.5s ease, color 0.3s ease', paddingInline: theme.spacing(2) }));
-export const StyledStatusButton = styled(Button, {
-    shouldForwardProp: (prop) => prop !== 'buttonVariant',
-})(({ theme, buttonVariant }) => (Object.assign(Object.assign({}, baseButtonStyle(theme)), (buttonVariant === 'active'
-    ? {
-        background: theme.palette.background.gradient.shadedBlue,
-        color: theme.palette.common.white,
-        '&:disabled': {
-            color: theme.palette.common.white,
-        },
-    }
-    : {
-        backgroundColor: theme.palette.common.white,
-        borderColor: theme.palette.grey[100],
-        color: theme.palette.text.primary,
-        '&:hover': {
-            backgroundColor: 'white',
-        },
-        '&:disabled': {
-            color: theme.palette.text.primary,
-        },
-    }))));
-export const FlagContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing(0.5),
-}));
-export const MenuItemContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing(0.3),
-    width: '100%',
-}));
-export const CheckboxStyles = {
-    padding: 0.3,
-    color: '#8C9196',
-    '&.Mui-checked': {
-        color: '#1F88D0',
-    },
-    '&.MuiCheckbox-root': {
-        color: '#8C9196',
-    },
-    '& .MuiSvgIcon-root': {
-        color: 'inherit',
-    },
-    '&.Mui-checked .MuiSvgIcon-root': {
-        color: '#1F88D0',
-        '& path': {
-            fill: '#1F88D0',
-        },
-    },
-};
-export const ClearIcon = styled('img')(({ variant }) => ({
-    width: '10px',
-    height: '10px',
-    filter: variant === 'active' ? 'brightness(0) invert(1)' : 'brightness(0) invert(0)',
-    cursor: 'pointer',
-    position: 'absolute',
-    top: '50%',
-    left: '47%',
-    transform: 'translate(-50%, -50%)',
-    transition: 'opacity 0.2s ease-in-out',
-}));
-export const ChevronIconWrapper = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isVisible',
-})(({ isVisible }) => ({
-    opacity: isVisible ? 1 : 0,
-    transition: 'opacity 0.2s ease-in-out',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    height: '100%',
-}));

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

@@ -1,14 +0,0 @@
-import { TableHeaderStatus } from '../../types/index.js';
-export interface CurrencyOption {
-    code: string;
-    name: string;
-    flagCode?: string;
-    status: TableHeaderStatus;
-}
-export interface MultiSelectStatusButtonProps {
-    options: CurrencyOption[];
-    selectedValues: TableHeaderStatus[];
-    onSelectionChange: (selected: TableHeaderStatus[]) => void;
-    label?: string;
-    variant?: 'active' | 'inActive';
-}

package/build/components/MultiSelectStatusButton/type.js

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

package/build/components/MultiSelectWithSearch/ChildMenuItem.d.ts

@@ -1,9 +0,0 @@
-import { Option } from './type';
-export declare function ChildMenuItem({ childOption, selectedOptions, onChangeOptions, }: {
-    childOption: {
-        label: string;
-        options: Option[];
-    };
-    selectedOptions: Option[] | undefined;
-    onChangeOptions: (option: Option[]) => void;
-}): import("react/jsx-runtime").JSX.Element;

package/build/components/MultiSelectWithSearch/ChildMenuItem.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box } from '@mui/material';
-import { rightArrow } from '../../constants/index.js';
-import MenuItem from '../MenuItem';
-import Menu from '../Menu';
-export function ChildMenuItem({ childOption, selectedOptions, onChangeOptions, }) {
-    var _a;
-    const [childMenuEl, setChildMenuEl] = useState(null);
-    const addOption = (option) => {
-        onChangeOptions([...(selectedOptions || []), option]);
-    };
-    const removeOption = (option) => {
-        onChangeOptions((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.filter((o) => o.value !== option.value)) || []);
-    };
-    return (_jsxs(MenuItem, Object.assign({ onMouseEnter: (e) => {
-            var _a;
-            if (((_a = childOption.options) === null || _a === void 0 ? void 0 : _a.length) > 0)
-                setChildMenuEl(e.currentTarget);
-        }, onMouseLeave: () => {
-            if (childMenuEl)
-                setChildMenuEl(null);
-        } }, { children: [_jsxs(Box, Object.assign({ sx: {
-                    display: 'flex',
-                    gap: '12px',
-                    justifyContent: 'space-between',
-                    flexGrow: 1,
-                    alignItems: 'center',
-                    maxWidth: '220px',
-                    minWidth: '89px',
-                } }, { children: [childOption.label, _jsx("img", { src: rightArrow, className: "arrow-icon", alt: "arrow" })] })), _jsx(Menu, Object.assign({ sx: { maxHeight: '450px', overflow: 'auto' }, open: Boolean(childMenuEl), anchorEl: childMenuEl, placement: "right-start" }, { children: (_a = childOption.options) === null || _a === void 0 ? void 0 : _a.map((option) => {
-                    const selectedOption = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.find((o) => o.value === option.value);
-                    const isSelected = !!selectedOption;
-                    return (_jsx(MenuItem, Object.assign({ isSelected: isSelected, onClick: (e) => {
-                            e.stopPropagation();
-                            e.preventDefault();
-                            if (isSelected) {
-                                removeOption(option);
-                            }
-                            else {
-                                addOption(option);
-                            }
-                        } }, { children: _jsx(Box, Object.assign({ sx: { flex: 1, maxWidth: '220px', minWidth: '89px' } }, { children: option.label })) }), option.value));
-                }) }))] })));
-}

package/build/components/MultiSelectWithSearch/MultiSelectWithSearch.d.ts

@@ -1,3 +0,0 @@
-import { MultiSelectWithSearchProps } from './type';
-declare function MultiSelectWithSearch({ nestedOptions, onChangeOptions, selectedOptions, placeholder, isLoading, searchBy, disabled, }: MultiSelectWithSearchProps): import("react/jsx-runtime").JSX.Element;
-export default MultiSelectWithSearch;

package/build/components/MultiSelectWithSearch/MultiSelectWithSearch.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useMemo, useRef } from 'react';
-import { CircularProgress, Typography } from '@mui/material';
-import { searchIcon, closeXIcon, blueCheckIcon, downArrowIcon } from '../../constants/index.js';
-import Icon from '../Icon';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { SelectedBadgesWrapper, SelectedBadge, TriggerWrapper, Container, InputStyled, ArrowIcon } from './style';
-import { filterOptions } from './utils';
-import Menu from '../Menu';
-import { ParentMenuItem } from './ParentMenuItem';
-function MultiSelectWithSearch({ nestedOptions, onChangeOptions, selectedOptions, placeholder, isLoading, searchBy = ['label'], disabled, }) {
-    var _a, _b;
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [searchValue, setSearchValue] = useState('');
-    const triggerRef = useRef(null);
-    const open = Boolean(anchorEl);
-    const openDropdown = (e) => {
-        setAnchorEl(open ? null : e.currentTarget);
-    };
-    const closeDropdown = () => {
-        setAnchorEl(null);
-    };
-    const onResetSearch = () => {
-        if (searchValue)
-            setSearchValue('');
-    };
-    const filteredOptions = useMemo(() => {
-        if (!searchValue)
-            return nestedOptions;
-        return filterOptions(nestedOptions, searchValue, searchBy);
-    }, [nestedOptions, searchValue, searchBy]);
-    const endAdornment = isLoading ? (_jsx(CircularProgress, { size: 16 })) : (_jsx(Icon, { src: searchValue ? closeXIcon : searchIcon, alt: searchValue ? 'close' : 'search', onClick: onResetSearch, sx: { width: 12, height: 12 } }));
-    const selectedOptionsLength = Number((_a = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) !== null && _a !== void 0 ? _a : 0);
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: () => {
-            if (open)
-                closeDropdown();
-        } }, { children: _jsxs(TriggerWrapper, Object.assign({ id: "TriggerWrapper", onClick: (e) => !disabled && openDropdown(e), ref: triggerRef }, { children: [_jsx(Typography, Object.assign({ color: "grey", sx: { cursor: 'pointer', fontSize: '10px', padding: '4px' }, component: "label" }, { children: placeholder })), selectedOptionsLength === 0 && (_jsx(Typography, Object.assign({ sx: { fontWeight: 500, fontSize: '11px', padding: '0px 4px 4px' }, component: "p" }, { children: "Please Select" }))), _jsx(ArrowIcon, { component: "img", src: downArrowIcon, alt: "down arrow", sx: Object.assign({}, (open && { transform: 'rotate(180deg)' })) }), !!selectedOptionsLength && (_jsx(SelectedBadgesWrapper, Object.assign({ id: "SelectedBadgesWrapper" }, { children: selectedOptionsLength > 0 && selectedOptionsLength <= 2
-                        ? selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map((option) => (_jsxs(SelectedBadge, Object.assign({ maxWidth: 90 }, { children: [_jsx(Icon, { src: blueCheckIcon, alt: "blue-check", sx: { width: 10, height: 7.5 } }), _jsx("span", { children: option.label })] }), option.value)))
-                        : selectedOptionsLength > 2 &&
-                            ((_b = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.slice(0, 2)) === null || _b === void 0 ? void 0 : _b.map((option, index) => {
-                                return (_jsxs(React.Fragment, { children: [_jsxs(SelectedBadge, Object.assign({ maxWidth: 90 }, { children: [_jsx(Icon, { src: blueCheckIcon, alt: "blue-check", sx: { width: 10, height: 7.5 } }), _jsx("span", { children: option.label })] })), index === 1 && (_jsx(SelectedBadge, Object.assign({ maxWidth: 90 }, { children: _jsxs("span", { children: ["+", selectedOptionsLength - 2] }) })))] }, option.value));
-                            })) }))), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { margin: '8px 0', maxHeight: 330, overflow: 'auto', maxWidth: '340px' } }, { children: _jsxs(Container, { children: [_jsx(InputStyled, { placeholder: placeholder || 'Select', endAdornment: endAdornment, onClick: (e) => {
-                                    e.stopPropagation();
-                                }, value: searchValue, onChange: (e) => {
-                                    setSearchValue(e.target.value);
-                                }, disableUnderline: true, sx: Object.assign(Object.assign({ cursor: 'default', width: '100%', backgroundColor: 'white', border: '1px solid #F2F2F2' }, (nestedOptions.length && { marginBottom: '4px' })), (searchValue && { cursor: 'pointer' })) }), _jsx(SelectedBadgesWrapper, { children: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map((option) => (_jsxs(SelectedBadge, Object.assign({ sx: { maxWidth: '150px' }, onClick: (e) => {
-                                        e.stopPropagation();
-                                        e.preventDefault();
-                                        onChangeOptions((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.filter((o) => o.value !== option.value)) || []);
-                                    } }, { children: [_jsx(Icon, { src: blueCheckIcon, alt: "blue-check", sx: { width: 10, height: 7.5 } }), _jsx("span", Object.assign({ style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, { children: option.label })), _jsx(Icon, { src: closeXIcon, alt: "close", sx: { width: 9, height: 9 } })] }), option.value))) }), filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map((parentOption) => (_jsx(ParentMenuItem, { parentOption: parentOption, selectedOptions: selectedOptions, onChangeOptions: onChangeOptions }, parentOption.label)))] }) }))] })) })));
-}
-export default MultiSelectWithSearch;

package/build/components/MultiSelectWithSearch/ParentMenuItem.d.ts

@@ -1,12 +0,0 @@
-import { Option } from './type';
-export declare function ParentMenuItem({ parentOption, selectedOptions, onChangeOptions, }: {
-    parentOption: {
-        options: {
-            label: string;
-            options: Option[];
-        }[];
-        label: string;
-    };
-    selectedOptions: Option[] | undefined;
-    onChangeOptions: (option: Option[]) => void;
-}): import("react/jsx-runtime").JSX.Element;