@sbcrmweb/sbcrmweb-tma-core 0.0.59

package/dist/cjs/components/TMAMultiSelectWithTags/TMAMultiSelectWithTags.js

@@ -0,0 +1,188 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMAMultiSelectWithTags = exports.StyledAutocomplete = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Autocomplete_1 = __importDefault(require("@mui/material/Autocomplete"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const Chip_1 = __importDefault(require("@mui/material/Chip"));
+const material_1 = require("@mui/material");
+const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
+const CheckRounded_1 = __importDefault(require("@mui/icons-material/CheckRounded"));
+const ExpandMoreRounded_1 = __importDefault(require("@mui/icons-material/ExpandMoreRounded"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const icons_material_1 = require("@mui/icons-material");
+const theme_1 = require("../../theme");
+var TMAMultiSelectWithTagsVariants;
+(function (TMAMultiSelectWithTagsVariants) {
+    TMAMultiSelectWithTagsVariants["DEFAULT"] = "default";
+    TMAMultiSelectWithTagsVariants["DOWN_TAGS"] = "downTags";
+})(TMAMultiSelectWithTagsVariants || (TMAMultiSelectWithTagsVariants = {}));
+exports.StyledAutocomplete = (0, material_1.styled)(Autocomplete_1.default)(({ 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 / theme_1.BASE_SPACING,
+        height: 'auto',
+    },
+    '& .MuiChip-root': {
+        py: 1,
+        px: 12 / theme_1.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 = (0, material_1.styled)(Chip_1.default)(({ 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 };
+const TMAMultiSelectWithTags = ({ options, defaultValue, placeholder, label, onChange, onInputChange, error, disabled, variant = 'default', isWritable = false, selectedOptions, isExpandIconNeed = true, inputValue, isMultiple = true, filterOptions, }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [internalInputValue, setInternalInputValue] = (0, react_1.useState)('');
+    const currentValue = (0, react_1.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 ((0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { px: 2, pb: 1, variant: "caption1Regular", color: "section_header_text_color.main", children: label }), (0, jsx_runtime_1.jsx)(exports.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 [
+                            (0, jsx_runtime_1.jsxs)(Stack_1.default, { width: "100%", component: "li", ...optionProps, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "textRegular", children: ownerState.getOptionLabel(option) }), (0, jsx_runtime_1.jsx)(CheckRounded_1.default, { color: "link_color", sx: { visibility: state.selected ? 'visible' : 'hidden' } })] }, key),
+                            index < options.length - 1 && ((0, jsx_runtime_1.jsx)(material_1.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
+                        (0, jsx_runtime_1.jsx)(TextField_1.default, { ...params, placeholder: placeholder }));
+                    }, popupIcon: (0, jsx_runtime_1.jsx)(ExpandMoreRounded_1.default, { 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 && ((0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", paddingY: 1, gap: 0.75, flexWrap: "wrap", children: currentValue.map((option) => ((0, jsx_runtime_1.jsx)(StyledChips, { label: options.find((el) => el.value === option)?.label, deleteIcon: (0, jsx_runtime_1.jsx)(icons_material_1.CloseRounded, {}), onDelete: () => {
+                            const newValue = currentValue.filter((item) => item !== option);
+                            onChange(newValue);
+                        } }, option))) }))] }) }));
+};
+exports.TMAMultiSelectWithTags = TMAMultiSelectWithTags;

package/dist/cjs/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/cjs/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/cjs/components/TMASelect/TMASelect.js

@@ -0,0 +1,152 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMASelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Select_1 = __importDefault(require("@mui/material/Select"));
+const material_1 = require("@mui/material");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const ExpandMoreRounded_1 = __importDefault(require("@mui/icons-material/ExpandMoreRounded"));
+const ExpandLessRounded_1 = __importDefault(require("@mui/icons-material/ExpandLessRounded"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const TMASelectOption_1 = require("./TMASelectOption");
+const selectIconSx = { color: 'hint_color.main', mr: 2 };
+const TMASelect = (props) => {
+    const { label, name, placeholder = '', value, hasError, onChange, isMultiple, options, disabled, ...selectProps } = props;
+    const renderValue = (0, react_1.useCallback)((selected) => {
+        if (!selected || selected === '') {
+            return placeholder;
+        }
+        const option = options.find(({ value }) => value === selected);
+        return option ? option.label : placeholder;
+    }, [options, placeholder]);
+    const [selectOpened, setSelectOpened] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (selectOpened) {
+            if (typeof window !== 'undefined' && 'visualViewport' in window) {
+                document.activeElement?.blur();
+            }
+        }
+    }, [selectOpened]);
+    const handleSelectClick = disabled ? () => { } : () => setSelectOpened(!selectOpened);
+    const handleClose = () => setSelectOpened(false);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "column", alignItems: "stretch", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { pl: 2, pb: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "center", children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption1Regular", color: "hint_color", children: label }) }) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(Select_1.default, { 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
+                        ? (0, jsx_runtime_1.jsx)(ExpandLessRounded_1.default, { sx: selectIconSx })
+                        : (0, jsx_runtime_1.jsx)(ExpandMoreRounded_1.default, { sx: selectIconSx })), renderValue: (selected) => renderValue(selected), disabled: disabled, ...selectProps, children: options.map((option, index) => [
+                        (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option.value, children: (0, jsx_runtime_1.jsx)(TMASelectOption_1.TMASelectOption, { fieldValue: option.value, title: option.label, value: value }) }, option.value),
+                        index < options.length - 1 && ((0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { mx: 2, opacity: 0.35, borderBottomWidth: '2px' } }, `divider-${index}`)),
+                    ]) }) })] }));
+};
+exports.TMASelect = TMASelect;

package/dist/cjs/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/cjs/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/cjs/components/TMASelect/TMASelectOption.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMASelectOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const CheckRounded_1 = __importDefault(require("@mui/icons-material/CheckRounded"));
+const TMASelectOption = ({ fieldValue, title, value, }) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { width: "100%", justifyContent: "space-between", alignItems: "center", direction: "row", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "textRegular", children: title }), (0, jsx_runtime_1.jsx)(CheckRounded_1.default, { color: "link_color", sx: { visibility: value === fieldValue ? 'visible' : 'hidden' } })] }));
+};
+exports.TMASelectOption = TMASelectOption;

package/dist/cjs/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/cjs/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/cjs/components/TMAStatisticsCard/TMAStatisticsCard.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMAStatisticsCard = exports.StyliedPinBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const theme_1 = require("../../theme");
+const styles_1 = require("@mui/material/styles");
+const TMALoadable_1 = require("../TMALoadable/TMALoadable");
+exports.StyliedPinBox = (0, styles_1.styled)(Box_1.default)(({ theme }) => theme.unstable_sx({
+    width: 6,
+    height: 6,
+    borderRadius: "50%",
+    bgcolor: "link_color.main",
+}));
+const TMAStatisticsCard = ({ title, value, shouldShowPin = false, sx, isLoading, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: 4 / theme_1.BASE_SPACING, sx: {
+            backgroundColor: "bg_color.main",
+            borderRadius: 3,
+            py: 2,
+            px: 12 / theme_1.BASE_SPACING,
+            ...sx,
+        }, ...props, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "subheadline1Semibold", color: "hint_color", children: title }), (0, jsx_runtime_1.jsx)(TMALoadable_1.TMALoadable, { isLoading: isLoading, isFullHeight: false, size: 24, sx: { alignItems: 'flex-start' }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: 1, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "textSemibold", color: "text_color", children: value }), shouldShowPin && (0, jsx_runtime_1.jsx)(exports.StyliedPinBox, {})] }) })] }));
+};
+exports.TMAStatisticsCard = TMAStatisticsCard;

package/dist/cjs/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/cjs/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/cjs/components/TMATabs/TMATabs.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMATabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
+const Tab_1 = __importDefault(require("@mui/material/Tab"));
+const TMATabs = ({ value, onChange, tabs, sx, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(Tabs_1.default, { 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) => ((0, jsx_runtime_1.jsx)(Tab_1.default, { 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))) }));
+};
+exports.TMATabs = TMATabs;

package/dist/cjs/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/cjs/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/cjs/components/TMATextField/TMATextField.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMATextField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
+const TMATextField = ({ hasClearButton, label, onChange, value, fullWidth, HintIcon, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "column", alignItems: "stretch", ...(fullWidth && { flexGrow: 1 } || {}), children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { pl: 2, pb: 1 }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption1Regular", color: "hint_color", children: label }), HintIcon && HintIcon] }) }), (0, jsx_runtime_1.jsx)(material_1.TextField, { onChange: (event) => onChange ? onChange(event.target.value) : null, value: value, ...props, slotProps: {
+                    input: {
+                        endAdornment: hasClearButton && Boolean(value) ? ((0, jsx_runtime_1.jsx)(material_1.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: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, {}) })) : undefined,
+                    },
+                } })] }));
+};
+exports.TMATextField = TMATextField;

package/dist/cjs/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/cjs/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/cjs/components/TMATextWithTitle/TMATextWithTitle.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMATextWithTitle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const theme_1 = require("../../theme");
+const MAX_LINES = 2;
+const TMATextWithTitle = ({ title, text, maxLines = MAX_LINES, }) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { width: "100%", gap: 2 / theme_1.BASE_SPACING, direction: "column", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "subheadline2Regular", color: "hint_color.main", children: title }), (0, jsx_runtime_1.jsx)(Typography_1.default, { color: "text_color.main", variant: "textRegular", sx: {
+                    display: '-webkit-box',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    WebkitBoxOrient: 'vertical',
+                    WebkitLineClamp: maxLines,
+                }, children: text })] }));
+};
+exports.TMATextWithTitle = TMATextWithTitle;

package/dist/cjs/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/cjs/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"}