@tap-payments/os-micro-frontend-shared 0.0.1

package/build/components/Dropdown/styles.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "selected" | "dense" | "disabled" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    alwaysShowRightAction?: boolean | undefined;
+}, {}, {}>;
+export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    minWidth?: string | number | undefined;
+}, {}, {}>;
+export declare const StyledListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledSelect: import("@emotion/styled").StyledComponent<import("@mui/material").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledOption: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "selected" | "dense" | "disabled" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledSelectComponent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledMenuTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledIconForDropDown: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/Dropdown/styles.js

@@ -0,0 +1,143 @@
+import { ListItemText, Menu, MenuItem, styled, ListItemIcon, Select } from '@mui/material';
+export const StyledMenuItem = styled(MenuItem, {
+    shouldForwardProp: (prop) => prop !== 'alwaysShowRightAction',
+})(({ theme, alwaysShowRightAction }) => ({
+    backgroundColor: alwaysShowRightAction ? theme.palette.common.lightOrange : '',
+    '&:hover': {
+        backgroundColor: alwaysShowRightAction ? theme.palette.common.lightOrange : '',
+        boxShadow: theme.shadows[10],
+        ':hover': {
+            '& .sandbox-Icon': {
+                left: '-16px !important',
+                transition: 'all 0.3s ease-in-out',
+            },
+            '& .close-Icon': {
+                display: 'block !important',
+            },
+        },
+    },
+}));
+export const StyledMenu = styled(Menu, {
+    shouldForwardProp: (props) => props !== 'minWidth',
+})(({ theme, minWidth }) => ({
+    '.MuiMenu-paper': {
+        borderRadius: 4,
+        minWidth,
+    },
+    '.MuiMenuItem-root': {
+        display: 'flex',
+        gap: '4px',
+        minHeight: '36px',
+        alignItems: 'center',
+        paddingInline: 8,
+        transition: theme.transitions.create(['visibility'], {
+            easing: theme.transitions.easing.sharp,
+            duration: theme.transitions.duration.complex,
+        }),
+        '.menu-right-action': {
+            visibility: 'hidden',
+        },
+        '&:hover': {
+            '.menu-right-action': {
+                visibility: 'visible',
+            },
+        },
+    },
+    '&.tap-dropdown': {
+        zIndex: 2000,
+        '.MuiList-root': {
+            padding: 0,
+        },
+    },
+}));
+export const StyledListItemIcon = styled(ListItemIcon)(() => ({
+    minWidth: '16px !important',
+}));
+export const StyledListItemText = styled(ListItemText)(() => ({
+    '.MuiTypography-root': {
+        fontSize: '0.6875rem',
+    },
+}));
+export const StyledSelect = styled(Select)(({ theme }) => ({
+    padding: '0.25rem 0.34rem 0.25rem 0.5rem',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '0.19rem',
+    width: 'auto',
+    flexShrink: 0,
+    borderRadius: '0.5rem',
+    boxShadow: theme.shadows[5],
+    cursor: 'pointer',
+    outline: theme.palette.background.default,
+    border: 'none',
+    backgroundColor: theme.palette.background.default,
+    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent',
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent',
+    },
+    '&:hover .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent',
+    },
+    '& .MuiMenuList-root': {
+        padding: '0px !important',
+        margin: 0,
+    },
+    '& .MuiSelect-outlined': {
+        padding: '0px !important',
+    },
+}));
+export const StyledOption = styled(MenuItem)(({ theme }) => ({
+    display: 'flex',
+    height: '2.5rem',
+    width: '10.43rem',
+    alignItems: 'center',
+    gap: '0.5',
+    alignSelf: 'stretch',
+    transition: 'boxShadow 0.2s ease-in-out',
+    backgroundColor: 'inherit !important',
+    margin: 0,
+    padding: 0,
+    paddingTop: '0px !important',
+    paddingBottom: '0px !important',
+    '&:hover': {
+        boxSizing: 'border-box',
+        boxShadow: `${theme.shadows[3]}`,
+    },
+}));
+export const StyledSelectComponent = styled('p')(({ theme }) => ({
+    color: theme.palette.text.primary,
+    fontSize: '0.68rem',
+    fontWeight: 600,
+    textAlign: 'center',
+    padding: '0 !important',
+    margin: '0 !important',
+    textTransform: 'capitalize',
+    '.MuiOutlinedInput-input': {
+        paddingRight: 0,
+    },
+    'MuiInputBase-input': {
+        paddingRight: 0,
+    },
+    '.MuiSelect-select': {
+        paddingRight: 0,
+    },
+}));
+export const StyledMenuTitle = styled('p')(({ theme }) => ({
+    fontSize: '0.75rem',
+    fontWeight: 500,
+    color: theme.palette.text.primary,
+    paddingLeft: '1rem !important',
+    transition: 'boxShadow 0.2s ease-in-out',
+}));
+export const StyledIconForDropDown = styled('img')(() => ({
+    width: '0.75rem',
+    height: 'auto',
+    padding: 0,
+    paddingBottom: 0.5,
+    margin: 0,
+    verticalAlign: 'middle',
+    boxSizing: 'border-box',
+}));

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

@@ -0,0 +1,20 @@
+import React, { CSSProperties, ReactNode } from 'react';
+export interface MenuItemI {
+    label?: string | null | ReactNode;
+    name?: string;
+    icon?: ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    onRightClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    menuItems?: MenuItemI[];
+    selected?: boolean;
+    rightAction?: ReactNode;
+    alwaysShowRightAction?: boolean;
+}
+export interface IProps {
+    open: boolean;
+    onClose: () => void;
+    menuItems: MenuItemI[];
+    anchorEl?: Element | null | undefined;
+    style?: CSSProperties;
+    selected?: number;
+}

package/build/components/Dropdown/type.js

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

package/build/components/Dropdown2/Dropdown2.d.ts

@@ -0,0 +1,11 @@
+interface TransactionDropdownProps {
+    defaultValue: string;
+    label: string;
+    onChange: (value: string) => void;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+export default function Dropdown2({ defaultValue, label, onChange, options }: TransactionDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Dropdown2/Dropdown2.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { Label, Wrapper, Value, Info } from './style';
+import { downArrowIcon } from '../../constants/index.js';
+import { useState } from 'react';
+import Menu from '../Menu';
+import MenuItem from '../MenuItem';
+import CustomBackdrop from '../CustomBackdrop';
+export default function Dropdown2({ defaultValue, label, onChange, options }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [value, setValue] = useState(defaultValue);
+    const open = Boolean(anchorEl);
+    const onOpen = (e) => {
+        if (!open)
+            setAnchorEl(e.currentTarget);
+    };
+    const onClose = () => {
+        if (open)
+            setAnchorEl(null);
+    };
+    const onSelect = (selectedValue) => {
+        setValue(selectedValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(selectedValue);
+        onClose();
+    };
+    return (_jsxs(Wrapper, Object.assign({ onClick: onOpen, open: open }, { children: [_jsxs(Info, { children: [_jsx(Label, { children: label }), _jsx(Value, { children: value })] }), _jsx(Box, { component: "img", src: downArrowIcon, alt: "down arrow", sx: Object.assign({ width: 15 }, (open && { transform: 'rotate(180deg)' })) }), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { minWidth: 105, marginTop: '8px', marginBottom: '8px' }, placement: "top" }, { children: options.map((option, index) => (_jsx(MenuItem, Object.assign({ onClick: () => {
+                        onSelect(option.value);
+                    }, sx: (theme) => (Object.assign({}, (index !== options.length - 1 && { borderBottom: `1px solid ${theme.palette.divider}` }))) }, { children: option.label }), option.value))) })), open && _jsx(CustomBackdrop, { onClick: onClose })] })));
+}

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

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

package/build/components/Dropdown2/index.js

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

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

@@ -0,0 +1,15 @@
+/// <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> & {
+    open: boolean;
+}, {}, {}>;
+export declare const Info: 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 Label: 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 Value: 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/Dropdown2/style.js

@@ -0,0 +1,22 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const Wrapper = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ theme, open }) => (Object.assign({ minWidth: 105, height: 32, cursor: 'pointer', display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '1px', border: `1px solid ${theme.palette.divider}`, borderRadius: '4px', padding: '7px 8px', paddingRight: '4px' }, (open && {
+    boxShadow: theme.shadows[7],
+    borderColor: theme.palette.info.dark,
+}))));
+export const Info = styled(Box)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '1px',
+}));
+export const Label = styled(Box)(() => ({
+    fontWeight: 600,
+    fontSize: '8px',
+    color: '#8D8D94',
+}));
+export const Value = styled(Box)(({ theme }) => ({
+    fontWeight: 500,
+    fontSize: '11px',
+    lineHeight: 1.1,
+    color: theme.palette.text.primary,
+}));

package/build/components/DropdownButton/ChevronIcon.d.ts

@@ -0,0 +1,2 @@
+import { DropdownChevronIconProps } from './type';
+export declare function DropdownChevronIcon({ isActive }: DropdownChevronIconProps): import("react/jsx-runtime").JSX.Element;

package/build/components/DropdownButton/ChevronIcon.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useTheme } from '@mui/material';
+export function DropdownChevronIcon({ isActive }) {
+    const [isHovered, setIsHovered] = useState(false);
+    const theme = useTheme();
+    const handleMouseEnter = () => {
+        setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+        setIsHovered(false);
+    };
+    const iconColor = isActive ? theme.palette.common.white : theme.palette.grey[700];
+    const backgroundColor = isHovered ? theme.palette.common.black : 'transparent';
+    return (_jsx("svg", Object.assign({ width: "27", height: "30", viewBox: "0 0 27 32", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsxs("g", Object.assign({ id: "Group 140343" }, { children: [_jsx("path", { id: "Active", d: "M0 0H11C19.8366 0 27 7.16344 27 16C27 24.8366 19.8366 32 11 32H0V0Z", fill: backgroundColor, fillOpacity: "0.1", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }), _jsx("path", { id: "Union", fillRule: "evenodd", clipRule: "evenodd", d: "M15.6941 15.0078C15.6494 15.0193 15.6083 15.043 15.5758 15.0769L12.5026 18.1501L12.5025 18.1501L15.5756 15.0769C15.6082 15.043 15.6493 15.0193 15.6941 15.0078ZM12.5619 18.7465C12.5426 18.7512 12.5227 18.7536 12.5026 18.7536C12.4363 18.7536 12.3727 18.7273 12.3258 18.6804L9.07581 15.4304C9.04012 15.3957 9.01559 15.3512 9.00535 15.3025C8.99511 15.2538 8.99963 15.2032 9.01833 15.1571C9.03703 15.111 9.06907 15.0715 9.11033 15.0437C9.13446 15.0275 9.16112 15.0156 9.18904 15.0086C9.16105 15.0156 9.13433 15.0275 9.11013 15.0438C9.06887 15.0716 9.03684 15.111 9.01814 15.1571C8.99944 15.2032 8.99492 15.2539 9.00516 15.3026C9.0154 15.3513 9.03993 15.3958 9.07562 15.4305L12.3256 18.6805C12.3725 18.7273 12.4361 18.7537 12.5024 18.7537C12.5226 18.7537 12.5426 18.7512 12.5619 18.7465ZM16.1965 15.342C16.1781 15.4301 16.1338 15.5105 16.0693 15.5731L12.8205 18.8219C12.7361 18.9063 12.6217 18.9537 12.5024 18.9537C12.3831 18.9537 12.2686 18.9062 12.1842 18.8219L8.93507 15.5728C8.87148 15.5105 8.82775 15.4308 8.80944 15.3437C8.79101 15.2561 8.79914 15.165 8.8328 15.082C8.86646 14.999 8.92412 14.9279 8.99839 14.8779C9.07266 14.8279 9.16022 14.8011 9.24978 14.8011C9.30998 14.8011 9.36958 14.8132 9.42503 14.8366C9.47997 14.8599 9.52973 14.8938 9.57144 14.9364L12.5024 17.8673L15.433 14.9368C15.5151 14.852 15.6273 14.803 15.7454 14.8002C15.836 14.798 15.9252 14.8233 16.0013 14.8728C16.0773 14.9222 16.1367 14.9935 16.1715 15.0772C16.2063 15.1609 16.2151 15.2533 16.1965 15.342Z", fill: iconColor })] })) })));
+}

package/build/components/DropdownButton/DropdownButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DropdownButtonProps } from './type';
+declare function DropdownButton({ variant, label, dropdownOptions, ...props }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof DropdownButton>;
+export default _default;

package/build/components/DropdownButton/DropdownButton.js

@@ -0,0 +1,50 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo, useRef, useState } from 'react';
+import { DropdownChevronIcon } from './ChevronIcon';
+import { dropdownButtonVariants } from './constants';
+import { ButtonContent, ChevronContainer, LabelContainer, StyledDropdown } from './style';
+function DropdownButton(_a) {
+    var { variant = 'inActive', label, dropdownOptions } = _a, props = __rest(_a, ["variant", "label", "dropdownOptions"]);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const buttonRef = useRef(null);
+    const open = Boolean(anchorEl);
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const Button = dropdownButtonVariants[variant];
+    const hasDropdown = dropdownOptions && dropdownOptions.length > 0;
+    const dropdownIcon = hasDropdown ? _jsx(DropdownChevronIcon, { isActive: variant === 'active' }) : null;
+    const onChevronClick = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (hasDropdown) {
+            setAnchorEl(buttonRef.current);
+        }
+    };
+    const options = useMemo(() => {
+        return (dropdownOptions || []).map((item) => (Object.assign(Object.assign({}, item), { onClick: (e) => {
+                var _a;
+                (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
+                handleClose();
+            } })));
+    }, [dropdownOptions]);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ "data-testid": "StatusButton" }, props, { ref: buttonRef, onClick: (e) => {
+                    var _a;
+                    (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+                    onChevronClick(e);
+                }, sx: Object.assign({}, (hasDropdown && {
+                    paddingInlineEnd: '27px',
+                })) }, { children: _jsxs(ButtonContent, { children: [_jsx(LabelContainer, { children: label }), dropdownIcon && _jsx(ChevronContainer, { children: dropdownIcon })] }) })), open && _jsx(StyledDropdown, { open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: options })] }));
+}
+export default memo(DropdownButton);

package/build/components/DropdownButton/constants.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const dropdownButtonVariants: {
+    active: import("@emotion/styled").StyledComponent<import("@mui/material").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;
+    }, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+        icon?: string | undefined;
+    }, {}, {}>;
+    inActive: import("@emotion/styled").StyledComponent<import("@mui/material").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;
+    }, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+        icon?: string | undefined;
+    }, {}, {}>;
+};

package/build/components/DropdownButton/constants.js

@@ -0,0 +1,5 @@
+import { InActiveButton, ActiveButton } from './style';
+export const dropdownButtonVariants = {
+    active: ActiveButton,
+    inActive: InActiveButton,
+};

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

@@ -0,0 +1,4 @@
+import DropdownButton from './DropdownButton';
+export { DropdownChevronIcon } from './ChevronIcon';
+export type { DropdownButtonProps, DropdownChevronIconProps } from './type';
+export default DropdownButton;

package/build/components/DropdownButton/index.js

@@ -0,0 +1,3 @@
+import DropdownButton from './DropdownButton';
+export { DropdownChevronIcon } from './ChevronIcon';
+export default DropdownButton;

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

@@ -0,0 +1,31 @@
+import type React from 'react';
+import { type Theme } from '@mui/material/styles';
+import { dropdownButtonVariants } from './constants';
+export declare const ActiveButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").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;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    icon?: string | undefined;
+}, {}, {}>;
+export declare const InActiveButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").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;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    icon?: string | undefined;
+}, {}, {}>;
+export type DropdownButtonVariants = keyof typeof dropdownButtonVariants;
+export declare const CountBadge: 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> & {
+    variant: DropdownButtonVariants;
+}, {}, {}>;
+export declare const StatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
+    variant: DropdownButtonVariants;
+}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../Dropdown").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ButtonContent: 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 LabelContainer: 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>, {}, {}>;

package/build/components/DropdownButton/style.js

@@ -0,0 +1,70 @@
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import { styled, alpha } from '@mui/material/styles';
+import Dropdown from '../Dropdown';
+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: 'none', paddingInline: theme.spacing(2) }));
+export const ActiveButton = styled(Button)(({ theme }) => (Object.assign(Object.assign({}, baseButtonStyle(theme)), { background: theme.palette.background.gradient.shadedBlue, color: theme.palette.common.white, '&:hover': {
+        background: theme.palette.background.gradient.shadedBlue,
+        opacity: 0.8,
+    } })));
+export const InActiveButton = styled(Button)(({ theme }) => (Object.assign(Object.assign({}, baseButtonStyle(theme)), { backgroundColor: theme.palette.common.white, borderColor: theme.palette.grey[100], color: theme.palette.text.primary, '&:hover': {
+        backgroundColor: theme.palette.common.white,
+        opacity: 0.7,
+    } })));
+export const CountBadge = styled(Box)(({ theme, variant }) => ({
+    borderRadius: '50px',
+    backgroundColor: variant === 'active' ? alpha(theme.palette.text.primary, 0.1) : theme.palette.grey[100],
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingInline: theme.spacing(0.5),
+    paddingBlock: theme.spacing(0.25),
+    color: variant === 'active' ? theme.palette.common.white : theme.palette.text.primary,
+    fontSize: '8px',
+    fontWeight: 700,
+    lineHeight: '10px',
+}));
+export const StatusIcon = styled('img')(({ theme, variant }) => ({
+    fill: variant === 'active' ? theme.palette.common.white : theme.palette.text.primary,
+    color: variant === 'active' ? theme.palette.common.white : theme.palette.text.primary,
+    maxWidth: '14px',
+    maxHeight: '14px',
+}));
+export const StyledFilterName = styled('p')(({ theme }) => ({
+    fontSize: '0.6875rem',
+    color: theme.palette.background.default,
+    fontStyle: 'normal',
+    margin: 'auto',
+    textTransform: 'capitalize',
+}));
+export const StyledDropdown = styled(Dropdown)(({ theme }) => ({
+    backgroundColor: 'white',
+    boxShadow: theme.shadows[21],
+    borderRadius: '0.25rem',
+    '& .MuiPaper-root': {
+        borderRadius: '0.25rem',
+        width: '12.5rem',
+    },
+}));
+export const ChevronContainer = styled('span')(() => ({
+    width: '27px',
+    height: '100%',
+    maxHeight: '100%',
+    position: 'absolute',
+    top: '0',
+    right: '0',
+    bottom: '0',
+    overflow: 'hidden',
+}));
+export const ButtonContent = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+}));
+export const LabelContainer = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: '0.5rem',
+}));

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { type ButtonProps } from '@mui/material';
+import { TableHeaderStatus } from '../../types/index.js';
+import { type DropdownButtonVariants } from './style';
+import { MenuItemI } from '../Dropdown';
+export interface DropdownButtonProps extends Omit<ButtonProps, 'variant' | 'children'> {
+    variant?: DropdownButtonVariants;
+    label?: ReactNode | null;
+    onButtonBodyClick?: (status: TableHeaderStatus) => void;
+    dropdownOptions?: MenuItemI[];
+}
+export interface DropdownChevronIconProps {
+    isActive?: boolean;
+}

package/build/components/DropdownButton/type.js

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

package/build/components/Error/Error.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material/Box';
+interface ErrorI extends BoxProps {
+    error: string;
+}
+declare function Error({ error, ...props }: ErrorI): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof Error>;
+export default _default;

package/build/components/Error/Error.js

@@ -0,0 +1,20 @@
+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 { warningInfoIcon } from '../../constants/index.js';
+import { ErrorStyled } from './style';
+function Error(_a) {
+    var { error } = _a, props = __rest(_a, ["error"]);
+    return (_jsxs(ErrorStyled, Object.assign({}, props, { children: [_jsx("img", { src: warningInfoIcon, alt: "w" }), error] })));
+}
+export default memo(Error);

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

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

package/build/components/Error/index.js

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

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

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

@@ -0,0 +1,13 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const ErrorStyled = styled(Box)(({ theme }) => ({
+    fontSize: '10px',
+    color: theme.palette.error.light,
+    padding: '8px',
+    background: theme.palette.background.gradient.error,
+    borderRadius: '4px',
+    display: 'flex',
+    gap: '4px',
+    alignItems: 'center',
+    height: 32,
+}));

package/build/components/ErrorBoundary/AppError.d.ts

@@ -0,0 +1 @@
+export default function AppError(): import("react/jsx-runtime").JSX.Element;

package/build/components/ErrorBoundary/AppError.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Dialog from '@mui/material/Dialog';
+import { useTranslation } from 'react-i18next';
+import { AppErrorWrapper, Text, RefreshButton } from './style';
+export default function AppError() {
+    const { t } = useTranslation();
+    const onRefresh = () => {
+        window.location.reload();
+        window.location.replace('/');
+    };
+    return (_jsx(Dialog, Object.assign({ open: true, PaperProps: {
+            style: {
+                width: 350,
+            },
+        } }, { children: _jsxs(AppErrorWrapper, { children: [_jsx(Text, { children: t('appCloseError') }), _jsx(RefreshButton, Object.assign({ onClick: onRefresh }, { children: t('refresh') }))] }) })));
+}

package/build/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare class ErrorBoundary extends React.Component<{
+    children: JSX.Element;
+}, {
+    hasError: boolean;
+}> {
+    constructor(props: {
+        children: JSX.Element;
+    });
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): JSX.Element;
+}