@sbcrmweb/sbcrmweb-tma-core 0.0.59

package/dist/components/TMAMultiSelectWithTags/TMAMultiSelectWithTags.js

@@ -0,0 +1,181 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import Autocomplete from '@mui/material/Autocomplete';
+import Stack from '@mui/material/Stack';
+import TextField from '@mui/material/TextField';
+import Chip from '@mui/material/Chip';
+import { Divider, styled } from '@mui/material';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import ExpandMoreRoundedIcon from '@mui/icons-material/ExpandMoreRounded';
+import Typography from '@mui/material/Typography';
+import { CloseRounded } from '@mui/icons-material';
+import { BASE_SPACING } from '../../theme';
+var TMAMultiSelectWithTagsVariants;
+(function (TMAMultiSelectWithTagsVariants) {
+    TMAMultiSelectWithTagsVariants["DEFAULT"] = "default";
+    TMAMultiSelectWithTagsVariants["DOWN_TAGS"] = "downTags";
+})(TMAMultiSelectWithTagsVariants || (TMAMultiSelectWithTagsVariants = {}));
+export const StyledAutocomplete = styled(Autocomplete)(({ theme, isWritable, isExpandIconNeed = true, variant }) => theme.unstable_sx({
+    minHeight: 52,
+    height: 'auto',
+    '& .MuiFormControl-root, .MuiInputBase-root': {
+        minHeight: 52,
+        height: 'auto !important',
+    },
+    '& .MuiInputBase-root': {
+        py: '8px !important',
+        pl: '8px !important',
+        display: 'flex',
+        gap: 4 / BASE_SPACING,
+        height: 'auto',
+    },
+    '& .MuiChip-root': {
+        py: 1,
+        px: 12 / BASE_SPACING,
+        height: 36,
+        borderRadius: 6 / 4,
+        mx: 0,
+        my: 0,
+        '& .MuiChip-label': {
+            px: 0,
+            typography: 'subheadline2SemiBold',
+        },
+        '& .MuiChip-deleteIcon': {
+            width: 16,
+            height: 16,
+            ml: 1,
+            mr: 0,
+        },
+    },
+    '& .MuiAutocomplete-input': {
+        ...(!isWritable && {
+            display: 'none',
+        }),
+    },
+    ...(variant === TMAMultiSelectWithTagsVariants.DOWN_TAGS && {
+        '& .MuiChip-root': {
+            display: 'none',
+        },
+        '& .MuiInputBase-root': {
+            p: 2,
+            pb: 3,
+        },
+    }),
+    '& .MuiAutocomplete-endAdornment': {
+        mr: 1,
+        '& .MuiIconButton-root': {
+            '& .MuiSvgIcon-root': {
+                m: 0,
+            },
+        },
+        ...(!isExpandIconNeed && {
+            display: 'none !important',
+        }),
+    },
+}));
+const StyledChips = styled(Chip)(({ theme }) => theme.unstable_sx({
+    height: 24,
+    bgcolor: theme.palette.plain_background.main,
+    color: theme.palette.plain_foreground.main,
+    '& .MuiChip-label': {
+        typography: theme.typography.subheadline2Bold,
+    },
+    '& .MuiSvgIcon-root': {
+        color: theme.palette.subtitle_text_color.main,
+    },
+}));
+const selectIconSx = { color: 'hint_color.main', mr: 2 };
+export const TMAMultiSelectWithTags = ({ options, defaultValue, placeholder, label, onChange, onInputChange, error, disabled, variant = 'default', isWritable = false, selectedOptions, isExpandIconNeed = true, inputValue, isMultiple = true, filterOptions, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [internalInputValue, setInternalInputValue] = useState('');
+    const currentValue = useMemo(() => {
+        return selectedOptions ?? defaultValue ?? [];
+    }, [selectedOptions, defaultValue]);
+    const handleInputChange = (event, value, reason) => {
+        if (inputValue === undefined) {
+            setInternalInputValue(value);
+        }
+        if (reason === 'reset') {
+            return;
+        }
+        onInputChange?.(event, value, reason);
+    };
+    return (_jsx(ClickAwayListener, { onClickAway: () => setIsOpen(false), children: _jsxs(Stack, { children: [_jsx(Typography, { px: 2, pb: 1, variant: "caption1Regular", color: "section_header_text_color.main", children: label }), _jsx(StyledAutocomplete, { sx: (theme) => ({
+                        ...(error && {
+                            '& .MuiFormControl-root': {
+                                border: `1.5px solid ${theme.palette.destructive_text_color.main}`,
+                            },
+                        }),
+                    }), disabled: disabled, multiple: isMultiple, inputValue: inputValue ?? internalInputValue, value: currentValue, open: isOpen, onOpen: () => setIsOpen(true), onClose: () => setIsOpen(false), options: options.map((option) => option.value), getOptionLabel: (option) => options.find((o) => o.value === option)?.label || '', isWritable: isWritable, variant: variant, isExpandIconNeed: isExpandIconNeed, filterOptions: filterOptions ? filterOptions : (opts) => opts, renderOption: (props, option, state, ownerState) => {
+                        // eslint-disable-next-line react/prop-types
+                        const { key, ...optionProps } = props;
+                        const { index } = state;
+                        return [
+                            _jsxs(Stack, { width: "100%", component: "li", ...optionProps, children: [_jsx(Typography, { variant: "textRegular", children: ownerState.getOptionLabel(option) }), _jsx(CheckRoundedIcon, { color: "link_color", sx: { visibility: state.selected ? 'visible' : 'hidden' } })] }, key),
+                            index < options.length - 1 && (_jsx(Divider, { sx: { mx: 2, my: 1, opacity: 0.35, borderBottomWidth: '2px' } }, `divider-${index}`)),
+                        ];
+                    }, onChange: (event, value) => onChange(value), onInputChange: handleInputChange, renderInput: (params) => {
+                        return (
+                        // @ts-ignore
+                        _jsx(TextField, { ...params, placeholder: placeholder }));
+                    }, popupIcon: _jsx(ExpandMoreRoundedIcon, { sx: selectIconSx }), slotProps: {
+                        paper: {
+                            sx: {
+                                my: 1,
+                                borderRadius: 3,
+                                maxHeight: '50vh',
+                                overflow: 'auto',
+                                backgroundImage: 'none',
+                                boxShadow: '0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)',
+                                '& li': {
+                                    '&.MuiAutocomplete-option': {
+                                        justifyContent: 'space-between',
+                                        alignItems: 'center',
+                                        flexDirection: 'row',
+                                        minHeight: 48,
+                                    },
+                                    '&:focus': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '&:hover': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '&.MuiAutocomplete-option[aria-selected="true"]': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '&.Mui-focused': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                },
+                            },
+                        },
+                        popper: {
+                            placement: 'bottom-start',
+                            disablePortal: false,
+                            modifiers: [
+                                {
+                                    name: 'preventOverflow',
+                                    enabled: true,
+                                    options: {
+                                        boundary: 'viewport',
+                                        padding: 8,
+                                    },
+                                },
+                                {
+                                    name: 'flip',
+                                    enabled: true,
+                                    options: {
+                                        fallbackPlacements: ['top-start', 'bottom-start'],
+                                    },
+                                },
+                            ],
+                        },
+                    } }), variant === TMAMultiSelectWithTagsVariants.DOWN_TAGS &&
+                    currentValue instanceof Array &&
+                    currentValue.length > 0 && (_jsx(Stack, { direction: "row", paddingY: 1, gap: 0.75, flexWrap: "wrap", children: currentValue.map((option) => (_jsx(StyledChips, { label: options.find((el) => el.value === option)?.label, deleteIcon: _jsx(CloseRounded, {}), onDelete: () => {
+                            const newValue = currentValue.filter((item) => item !== option);
+                            onChange(newValue);
+                        } }, option))) }))] }) }));
+};

package/dist/components/TMASelect/TMASelect.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SelectProps } from '@mui/material/Select';
+export type TMASelectOptionItem<Value> = {
+    label: string | React.ReactNode;
+    value: Value;
+};
+export type TMASelectProps<Value> = SelectProps & {
+    label: string;
+    labelVariant?: any;
+    placeholder?: string;
+    name: string;
+    value: Value;
+    hasError?: boolean;
+    onChange?: (event: any) => void;
+    isMultiple?: boolean;
+    options: TMASelectOptionItem<Value>[];
+    defaultValue?: Value;
+};
+export declare const TMASelect: <Value extends string>(props: TMASelectProps<Value>) => React.ReactElement;
+//# sourceMappingURL=TMASelect.d.ts.map

package/dist/components/TMASelect/TMASelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMASelect.d.ts","sourceRoot":"","sources":["../../../src/components/TMASelect/TMASelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQ3D,MAAM,MAAM,mBAAmB,CAAC,KAAK,IAAI;IACvC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AACF,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,WAAW,GAAG;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,SAAU,cAAc,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,YA+LrF,CAAC"}

package/dist/components/TMASelect/TMASelect.js

@@ -0,0 +1,145 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState, useEffect } from 'react';
+import Select from '@mui/material/Select';
+import { FormControl, InputLabel, MenuItem, Stack } from '@mui/material';
+import Typography from '@mui/material/Typography';
+import ExpandMoreRoundedIcon from '@mui/icons-material/ExpandMoreRounded';
+import ExpandLessRoundedIcon from '@mui/icons-material/ExpandLessRounded';
+import Divider from '@mui/material/Divider';
+import { TMASelectOption } from './TMASelectOption';
+const selectIconSx = { color: 'hint_color.main', mr: 2 };
+export const TMASelect = (props) => {
+    const { label, name, placeholder = '', value, hasError, onChange, isMultiple, options, disabled, ...selectProps } = props;
+    const renderValue = useCallback((selected) => {
+        if (!selected || selected === '') {
+            return placeholder;
+        }
+        const option = options.find(({ value }) => value === selected);
+        return option ? option.label : placeholder;
+    }, [options, placeholder]);
+    const [selectOpened, setSelectOpened] = useState(false);
+    useEffect(() => {
+        if (selectOpened) {
+            if (typeof window !== 'undefined' && 'visualViewport' in window) {
+                document.activeElement?.blur();
+            }
+        }
+    }, [selectOpened]);
+    const handleSelectClick = disabled ? () => { } : () => setSelectOpened(!selectOpened);
+    const handleClose = () => setSelectOpened(false);
+    return (_jsxs(Stack, { direction: "column", alignItems: "stretch", children: [_jsx(InputLabel, { sx: { pl: 2, pb: 1 }, children: _jsx(Stack, { direction: "row", alignItems: "center", children: _jsx(Typography, { variant: "caption1Regular", color: "hint_color", children: label }) }) }), _jsx(FormControl, { children: _jsx(Select, { id: `input-${name}`, label: label, error: hasError, value: value, multiple: Boolean(isMultiple), onClick: handleSelectClick, open: selectOpened, onClose: handleClose, onChange: onChange, disableUnderline: !hasError, variant: "filled", MenuProps: {
+                        anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'left',
+                        },
+                        transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'left',
+                        },
+                        PaperProps: {
+                            sx: {
+                                marginTop: 1,
+                                maxHeight: '50vh',
+                                overflow: 'auto',
+                                borderRadius: 3,
+                                backgroundImage: 'none',
+                                boxShadow: '0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)',
+                                '&::-webkit-scrollbar': {
+                                    width: '6px',
+                                },
+                                '&::-webkit-scrollbar-track': {
+                                    background: 'transparent',
+                                },
+                                '&::-webkit-scrollbar-thumb': {
+                                    background: 'rgba(0,0,0,0.2)',
+                                    borderRadius: '3px',
+                                },
+                                '&::-webkit-scrollbar-thumb:hover': {
+                                    background: 'rgba(0,0,0,0.3)',
+                                },
+                                '& .MuiMenuItem-root': {
+                                    minHeight: 48,
+                                    '&:focus': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '&:hover': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '&.Mui-selected': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '&.Mui-focusVisible': {
+                                        backgroundColor: 'transparent !important',
+                                    },
+                                    '& .MuiTouchRipple-root': {
+                                        display: 'none !important',
+                                    },
+                                },
+                                '& .MuiTouchRipple-root': {
+                                    display: 'none !important',
+                                },
+                                '& *': {
+                                    '& .MuiTouchRipple-root': {
+                                        display: 'none !important',
+                                    },
+                                },
+                            },
+                        },
+                        disableScrollLock: true,
+                        disablePortal: true,
+                    }, sx: {
+                        height: 52,
+                        alignItems: 'center',
+                        borderRadius: 3,
+                        overflow: 'hidden',
+                        transition: 'none !important',
+                        '&:hover': {
+                            backgroundColor: 'inherit',
+                        },
+                        '&:focus': {
+                            backgroundColor: 'inherit',
+                        },
+                        '&.Mui-focused': {
+                            backgroundColor: 'inherit',
+                        },
+                        '.MuiSelect-select': {
+                            py: 2,
+                            overflow: 'hidden',
+                            '&:focus': {
+                                backgroundColor: 'transparent !important',
+                            },
+                        },
+                        '& .MuiSelect-icon': {
+                            overflow: 'hidden',
+                            transition: 'none !important',
+                        },
+                        '& .MuiTouchRipple-root': {
+                            display: 'none !important',
+                        },
+                        '& .MuiButtonBase-root': {
+                            '& .MuiTouchRipple-root': {
+                                display: 'none !important',
+                            },
+                        },
+                        '& *': {
+                            '& .MuiTouchRipple-root': {
+                                display: 'none !important',
+                            },
+                        },
+                        '& .MuiOutlinedInput-notchedOutline': {
+                            border: 'none',
+                        },
+                        '&:hover .MuiOutlinedInput-notchedOutline': {
+                            border: 'none',
+                        },
+                        '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                            border: 'none',
+                        },
+                    }, IconComponent: () => (selectOpened
+                        ? _jsx(ExpandLessRoundedIcon, { sx: selectIconSx })
+                        : _jsx(ExpandMoreRoundedIcon, { sx: selectIconSx })), renderValue: (selected) => renderValue(selected), disabled: disabled, ...selectProps, children: options.map((option, index) => [
+                        _jsx(MenuItem, { value: option.value, children: _jsx(TMASelectOption, { fieldValue: option.value, title: option.label, value: value }) }, option.value),
+                        index < options.length - 1 && (_jsx(Divider, { sx: { mx: 2, opacity: 0.35, borderBottomWidth: '2px' } }, `divider-${index}`)),
+                    ]) }) })] }));
+};

package/dist/components/TMASelect/TMASelectOption.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type TMASelectOptionProps = {
+    fieldValue?: any;
+    title?: string | ReactNode | undefined;
+    value?: any;
+};
+export declare const TMASelectOption: ({ fieldValue, title, value, }: TMASelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMASelectOption.d.ts.map

package/dist/components/TMASelect/TMASelectOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMASelectOption.d.ts","sourceRoot":"","sources":["../../../src/components/TMASelect/TMASelectOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,eAAe,kCAEzB,oBAAoB,4CAiBtB,CAAC"}

package/dist/components/TMASelect/TMASelectOption.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+export const TMASelectOption = ({ fieldValue, title, value, }) => {
+    return (_jsxs(Stack, { width: "100%", justifyContent: "space-between", alignItems: "center", direction: "row", children: [_jsx(Typography, { variant: "textRegular", children: title }), _jsx(CheckRoundedIcon, { color: "link_color", sx: { visibility: value === fieldValue ? 'visible' : 'hidden' } })] }));
+};

package/dist/components/TMAStatisticsCard/TMAStatisticsCard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { StackProps } from "@mui/material/Stack";
+export interface StatisticsCardProps extends StackProps {
+    title: string;
+    value: string;
+    shouldShowPin?: boolean;
+    sx?: StackProps["sx"];
+    isLoading?: boolean;
+}
+export declare const StyliedPinBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TMAStatisticsCard: ({ title, value, shouldShowPin, sx, isLoading, ...props }: StatisticsCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMAStatisticsCard.d.ts.map

package/dist/components/TMAStatisticsCard/TMAStatisticsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMAStatisticsCard.d.ts","sourceRoot":"","sources":["../../../src/components/TMAStatisticsCard/TMAStatisticsCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,oXAKvB,CAAC;AAEJ,eAAO,MAAM,iBAAiB,6DAAsE,mBAAmB,4CA+BtH,CAAA"}

package/dist/components/TMAStatisticsCard/TMAStatisticsCard.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import Stack from "@mui/material/Stack";
+import { BASE_SPACING } from "../../theme";
+import { styled } from "@mui/material/styles";
+import { TMALoadable } from "../TMALoadable/TMALoadable";
+export const StyliedPinBox = styled(Box)(({ theme }) => theme.unstable_sx({
+    width: 6,
+    height: 6,
+    borderRadius: "50%",
+    bgcolor: "link_color.main",
+}));
+export const TMAStatisticsCard = ({ title, value, shouldShowPin = false, sx, isLoading, ...props }) => {
+    return (_jsxs(Stack, { gap: 4 / BASE_SPACING, sx: {
+            backgroundColor: "bg_color.main",
+            borderRadius: 3,
+            py: 2,
+            px: 12 / BASE_SPACING,
+            ...sx,
+        }, ...props, children: [_jsx(Typography, { variant: "subheadline1Semibold", color: "hint_color", children: title }), _jsx(TMALoadable, { isLoading: isLoading, isFullHeight: false, size: 24, sx: { alignItems: 'flex-start' }, children: _jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, children: [_jsx(Typography, { variant: "textSemibold", color: "text_color", children: value }), shouldShowPin && _jsx(StyliedPinBox, {})] }) })] }));
+};

package/dist/components/TMATabs/TMATabs.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TabsProps } from '@mui/material/Tabs';
+import { TabProps } from '@mui/material/Tab';
+export interface TMATabItem extends TabProps {
+    label: string;
+    isDisabled?: boolean;
+}
+export interface TMATabsProps extends TabsProps {
+    value: number;
+    onChange: (event: React.SyntheticEvent, newValue: number) => void;
+    tabs: TMATabItem[];
+}
+export declare const TMATabs: ({ value, onChange, tabs, sx, ...props }: TMATabsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMATabs.d.ts.map

package/dist/components/TMATabs/TMATabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMATabs.d.ts","sourceRoot":"","sources":["../../../src/components/TMATabs/TMATabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,IAAI,EAAE,UAAU,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4CAMjB,YAAY,4CAwCd,CAAC"}

package/dist/components/TMATabs/TMATabs.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tabs from '@mui/material/Tabs';
+import Tab from '@mui/material/Tab';
+export const TMATabs = ({ value, onChange, tabs, sx, ...props }) => {
+    return (_jsx(Tabs, { variant: "fullWidth", value: value, onChange: onChange, "aria-label": "custom tabs", sx: {
+            '& .MuiTabs-indicator': {
+                backgroundColor: 'button_color.main',
+                height: 3,
+                borderTopLeftRadius: 4,
+                borderTopRightRadius: 4,
+            },
+            alignSelf: 'center',
+            ...sx,
+        }, ...props, children: tabs.map((tab, index) => (_jsx(Tab, { label: tab.label, disabled: tab.isDisabled, sx: {
+                textTransform: 'none',
+                fontSize: 17,
+                fontWeight: value === index ? 700 : 510,
+                color: value === index
+                    ? 'button_color.main'
+                    : 'secondary_hint_color.main',
+                '&.Mui-selected': {
+                    color: 'button_color.main',
+                },
+            } }, index))) }));
+};

package/dist/components/TMATextField/TMATextField.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+export type TMATextFieldProps = MuiTextFieldProps & {
+    hasClearButton?: boolean;
+    onChange?: (value: string) => void;
+    HintIcon?: ReactElement;
+};
+export declare const TMATextField: ({ hasClearButton, label, onChange, value, fullWidth, HintIcon, ...props }: TMATextFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMATextField.d.ts.map

package/dist/components/TMATextField/TMATextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMATextField.d.ts","sourceRoot":"","sources":["../../../src/components/TMATextField/TMATextField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAIL,cAAc,IAAI,iBAAiB,EAGpC,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,8EAQtB,iBAAiB,4CA4CnB,CAAC"}

package/dist/components/TMATextField/TMATextField.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton, InputLabel, TextField as MuiTextField, Stack, Typography, } from '@mui/material';
+import CloseIcon from '@mui/icons-material/CloseRounded';
+export const TMATextField = ({ hasClearButton, label, onChange, value, fullWidth, HintIcon, ...props }) => {
+    return (_jsxs(Stack, { direction: "column", alignItems: "stretch", ...(fullWidth && { flexGrow: 1 } || {}), children: [_jsx(InputLabel, { sx: { pl: 2, pb: 1 }, children: _jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, children: [_jsx(Typography, { variant: "caption1Regular", color: "hint_color", children: label }), HintIcon && HintIcon] }) }), _jsx(MuiTextField, { onChange: (event) => onChange ? onChange(event.target.value) : null, value: value, ...props, slotProps: {
+                    input: {
+                        endAdornment: hasClearButton && Boolean(value) ? (_jsx(IconButton, { onClick: () => onChange ? onChange('') : null, sx: {
+                                width: 24,
+                                height: 24,
+                                position: 'absolute',
+                                backgroundColor: 'plain_background.main',
+                                borderRadius: 100,
+                                right: 16,
+                                top: 12,
+                                '& svg': {
+                                    width: 16,
+                                    height: 16,
+                                    color: 'plain_foreground.main',
+                                },
+                            }, children: _jsx(CloseIcon, {}) })) : undefined,
+                    },
+                } })] }));
+};

package/dist/components/TMATextWithTitle/TMATextWithTitle.d.ts

@@ -0,0 +1,7 @@
+export type TMATextWithTitleProps = {
+    title: string;
+    text: string;
+    maxLines?: number;
+};
+export declare const TMATextWithTitle: ({ title, text, maxLines, }: TMATextWithTitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMATextWithTitle.d.ts.map

package/dist/components/TMATextWithTitle/TMATextWithTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMATextWithTitle.d.ts","sourceRoot":"","sources":["../../../src/components/TMATextWithTitle/TMATextWithTitle.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+BAI1B,qBAAqB,4CAwBvB,CAAC"}

package/dist/components/TMATextWithTitle/TMATextWithTitle.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import { BASE_SPACING } from '../../theme';
+const MAX_LINES = 2;
+export const TMATextWithTitle = ({ title, text, maxLines = MAX_LINES, }) => {
+    return (_jsxs(Stack, { width: "100%", gap: 2 / BASE_SPACING, direction: "column", children: [_jsx(Typography, { variant: "subheadline2Regular", color: "hint_color.main", children: title }), _jsx(Typography, { color: "text_color.main", variant: "textRegular", sx: {
+                    display: '-webkit-box',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    WebkitBoxOrient: 'vertical',
+                    WebkitLineClamp: maxLines,
+                }, children: text })] }));
+};

package/dist/components/TMAToast/TMAToast.d.ts

@@ -0,0 +1,14 @@
+import { SnackbarProps } from '@mui/material/Snackbar';
+export interface TMAToastProps extends SnackbarProps {
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    closeText?: string;
+}
+export declare const IconMap: {
+    success: import("react/jsx-runtime").JSX.Element;
+    error: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
+};
+export declare const TMAToast: ({ open, onClose, message, type, closeText, }: TMAToastProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMAToast.d.ts.map

package/dist/components/TMAToast/TMAToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMAToast.d.ts","sourceRoot":"","sources":["../../../src/components/TMAToast/TMAToast.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAWjE,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,iDAMlB,aAAa,4CAkDf,CAAC"}

package/dist/components/TMAToast/TMAToast.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Snackbar from '@mui/material/Snackbar';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import CheckCircle from '@mui/icons-material/CheckCircleOutline';
+import Error from '@mui/icons-material/ErrorOutline';
+import Warning from '@mui/icons-material/Warning';
+import Info from '@mui/icons-material/Info';
+import Button from '@mui/material/Button';
+import { useTheme } from '@mui/material/styles';
+import { BASE_SPACING } from '../../theme';
+export const IconMap = {
+    success: _jsx(CheckCircle, { sx: { color: 'destructive_text_color.main' } }),
+    error: _jsx(Error, { sx: { color: 'destructive_text_color.main' } }),
+    warning: _jsx(Warning, { sx: { color: 'destructive_text_color.main' } }),
+    info: _jsx(Info, { sx: { color: 'destructive_text_color.main' } }),
+};
+export const TMAToast = ({ open, onClose, message, type, closeText = 'Ок', }) => {
+    const theme = useTheme();
+    const Icon = IconMap[type];
+    return (_jsx(Snackbar, { open: open, onClose: onClose, sx: {
+            width: 'calc(100% - 40px)',
+            mx: 'auto',
+            bottom: 8,
+        }, anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'center',
+        }, children: _jsxs(Stack, { bgcolor: "surface_dark.main", width: "100%", direction: "row", alignItems: "center", justifyContent: "space-between", gap: 12 / BASE_SPACING, sx: {
+                backdropFilter: 'blur(56px)',
+                borderRadius: 3,
+                py: 10 / BASE_SPACING,
+                pl: 14 / BASE_SPACING,
+                pr: 15 / BASE_SPACING,
+            }, children: [Icon, _jsx(Typography, { color: "white", variant: "caption1Regular", children: message }), _jsx(Button, { variant: "text", onClick: (e) => onClose?.(e, 'clickaway'), sx: {
+                        typography: 'textRegular',
+                        color: `${theme.palette.toast_accent_color.main} !important`,
+                    }, children: closeText })] }) }));
+};

package/dist/components/TMATooltip/TMATooltip.d.ts

@@ -0,0 +1,11 @@
+import { SvgIconTypeMap, SxProps } from '@mui/material';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { TooltipProps } from '@mui/material/Tooltip';
+export type TMATooltipProps = TooltipProps & {
+    Icon?: OverridableComponent<SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    iconSx?: SxProps;
+};
+export declare const TMATooltip: ({ title, arrow, disableHoverListener, disableFocusListener, enterTouchDelay, children }: TMATooltipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMATooltip.d.ts.map

package/dist/components/TMATooltip/TMATooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMATooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TMATooltip/TMATooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAgB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAC3C,IAAI,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,GAAG;QACvD,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU,4FAOpB,eAAe,4CAYjB,CAAC"}

package/dist/components/TMATooltip/TMATooltip.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tooltip from '@mui/material/Tooltip';
+export const TMATooltip = ({ title, arrow = true, disableHoverListener = true, disableFocusListener = true, enterTouchDelay = 10, children }) => {
+    return (_jsx(Tooltip, { arrow: arrow, disableHoverListener: disableHoverListener, disableFocusListener: disableFocusListener, enterTouchDelay: enterTouchDelay, title: title, children: children }));
+};