@max-ts/components 0.0.2

package/dist/components/TagBadge/utils/getCheckableTagBadgeBgColor/getCheckableTagBadgeBgColor.d.ts

@@ -0,0 +1,15 @@
+import type { BadgeColor } from '../../../Badge';
+/**
+ * Утилита для получения цвета TagBadge,
+ * в зависимости от его состояния disabled и checked, и полученного цвета color из props
+ * @param {Object} disabled - Состояние disabled тега.
+ * @param {Object} checked - Состояние checked тега.
+ * @param {Object} checkedColor - Кастомный цвет для состояния checked.
+ * @param {Object} color - Цвет Badge, полученный из props.
+ */
+export declare const getCheckableTagBadgeBgColor: ({ disabled, checked, checkedColor, color, }: {
+    checked?: boolean;
+    disabled?: boolean;
+    checkedColor?: BadgeColor;
+    color: BadgeColor;
+}) => BadgeColor;

package/dist/components/TagBadge/utils/getCheckableTagBadgeBgColor/index.d.ts

@@ -0,0 +1 @@
+export * from './getCheckableTagBadgeBgColor';

package/dist/components/TagBadge/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getCheckableTagBadgeBgColor';

package/dist/components/TagsList/Tag/Tag.d.ts

@@ -0,0 +1,25 @@
+import type { MouseEvent } from 'react';
+import type { TagProps as BaseTagProps } from '../../Tag';
+export type TagProps = {
+    /**
+     * Текст тега
+     */
+    label: BaseTagProps['label'];
+    /**
+     * Если `true`, то тег будет недоступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если `true`, то текст может сокращаться путем обрезания части символов
+     */
+    shrinks?: boolean;
+    /**
+     * Хендлер удаления тега
+     */
+    onDelete?: () => void;
+    /**
+     * Хендлер клика по тегу
+     */
+    onClick: (value: MouseEvent<HTMLDivElement>) => void;
+};
+export declare const Tag: (props: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TagsList/Tag/index.d.ts

@@ -0,0 +1 @@
+export * from './Tag';

package/dist/components/TagsList/Tag/styles.d.ts

@@ -0,0 +1,11 @@
+import { type TagProps } from '../../Tag';
+export declare const StyledTag: import("@emotion/styled").StyledComponent<Omit<TagProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Omit<import("../../types").WithoutEmotionSpecific<import("@mui/material").ChipProps>, "color" | "size" | "variant"> & {
+    color?: import("../../Tag").TagColor;
+    variant?: import("../../Tag").TagVariant;
+    rounded?: boolean;
+    size?: import("../../Tag").TagSize;
+    startAddon?: import("../../Tag").TagAddon;
+    endAddon?: import("../../Tag").TagAddon;
+} & {
+    $shrinks?: boolean;
+}, {}, {}>;

package/dist/components/TagsList/Tag/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/dist/components/TagsList/Tag/useLogic/useLogic.d.ts

@@ -0,0 +1,4 @@
+import type { MouseEvent } from 'react';
+export declare const useLogic: () => {
+    onMouseDown: (event: MouseEvent<HTMLDivElement>) => void;
+};

package/dist/components/TagsList/TagsList.d.ts

@@ -0,0 +1,34 @@
+import type { MouseEvent } from 'react';
+import type { TagValue } from './types';
+export type TagsListProps<TData extends TagValue = TagValue> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Список к отображению
+     */
+    data?: Array<TData> | undefined;
+    /**
+     * Если `true`, то тег будет недоступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Поле, используемое в качестве ключа списка
+     */
+    keyId: TData extends string ? never : keyof TData;
+    /**
+     * Используется для определения строкового значения опции
+     */
+    getOptionLabel: (value: TData) => string | number;
+    onChange: (value: Array<TData> | undefined) => void;
+    /**
+     * Функция, вызываемая при клике не тэг
+     */
+    onClick: (value: MouseEvent<HTMLDivElement>) => void;
+};
+/**
+ * Предназначен для отображения списка тегов в таких компонентах как: Select, Autocomplete, TreeLikeAutocomplete
+ * Не предназначен для использования в продуктах, не экспортируется из пакета
+ */
+export declare const TagsList: <TData extends TagValue>(props: TagsListProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TagsList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TagsList';
+export * from './types';

package/dist/components/TagsList/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/TagsList/types.d.ts

@@ -0,0 +1 @@
+export type TagValue = string | Record<string, unknown>;

package/dist/components/TagsList/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/dist/components/TagsList/useLogic/useLogic.d.ts

@@ -0,0 +1,14 @@
+import type { TagsListProps } from '../TagsList';
+import type { TagValue } from '../types';
+type UseLogicParams<TData extends TagValue> = TagsListProps<TData>;
+export declare const useLogic: <TData extends TagValue>({ data, keyId, getOptionLabel, onChange, }: UseLogicParams<TData>) => {
+    maxItems: number;
+    visibleOptions: TData[];
+    tagsContainerRef: import("react").RefObject<HTMLDivElement | null>;
+    getTagProps: (option: TData, index: number) => {
+        label: string | number;
+        shrinks: boolean;
+        onDelete: () => void;
+    };
+};
+export {};

package/dist/components/TagsList/utils/getElementByText/getElementByText.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Ищет элемент по тексту внутри него
+ */
+export declare const getElementByText: (parent: Element, text: string) => Element | null;

package/dist/components/TagsList/utils/getElementByText/index.d.ts

@@ -0,0 +1 @@
+export * from './getElementByText';

package/dist/components/TagsList/utils/getKey/getKey.d.ts

@@ -0,0 +1,2 @@
+import type { TagValue } from '../../types';
+export declare const getKey: (option: TagValue, keyId: string) => string;

package/dist/components/TagsList/utils/getKey/index.d.ts

@@ -0,0 +1 @@
+export * from './getKey';

package/dist/components/TagsList/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { getElementByText } from './getElementByText';
+export { getKey } from './getKey';

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,28 @@
+import { type TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { type ReactNode } from 'react';
+import type { WithoutEmotionSpecific } from '../types';
+export type TextFieldProps = Omit<WithoutEmotionSpecific<MuiTextFieldProps>, 'variant' | 'color'> & {
+    /**
+     * Флаг отображения успешного состояния
+     */
+    success?: boolean;
+    /**
+     * Элемент, который добавляется в начало
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Элемент, который добавляется в конец
+     */
+    endAdornment?: ReactNode;
+    /**
+     * Максимальная длина ввода
+     */
+    maxLength?: number;
+    /**
+     * Параметр для обрезания пробелов в текст филде при вызове onBlur.
+     * @default true
+     * @example <TextField trimmed={false} />
+     */
+    trimmed?: boolean;
+};
+export declare const TextField: ({ success, error, helperText: helperTextProp, fullWidth, startAdornment, endAdornment, slotProps, maxLength, trimmed, onBlur, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TextField/index.d.ts

@@ -0,0 +1 @@
+export * from './TextField';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,16 @@
+import type { TooltipProps as MuiTooltipProps } from '@mui/material';
+import type { WithoutEmotionSpecific } from '../types';
+import type { TooltipSize } from './types';
+export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
+    /**
+     * Размер тултипа
+     */
+    size?: TooltipSize;
+    /**
+     * При значении false оборачивает компонент в div. По-умолчанию true
+     * Это позволяет показывать тултипы на задизейбленных компонентах
+     * @example <Tooltip withoutContainer={false} ...><Button disabled></Tooltip>
+     */
+    withoutContainer?: boolean;
+};
+export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum TooltipSizes {
+    MEDIUM = "medium",
+    SMALL = "small"
+}

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tooltip';
+export * from './types';

package/dist/components/Tooltip/styles.d.ts

@@ -0,0 +1,7 @@
+import { type TooltipProps as MuiTooltipProps } from '@mui/material';
+import type { WithoutEmotionSpecific } from '../types';
+import type { TooltipSize } from './types';
+export declare const StyledTooltip: import("@emotion/styled").StyledComponent<WithoutEmotionSpecific<MuiTooltipProps> & {
+    size?: TooltipSize;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Tooltip/types.d.ts

@@ -0,0 +1,2 @@
+import type { TooltipSizes } from './constants';
+export type TooltipSize = `${TooltipSizes}`;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,48 @@
+import type { TypographyProps as MuiTypographyProps } from '@mui/material';
+import type { ElementType, HTMLAttributes } from 'react';
+import type { Intensity, TypographyColor, TypographyVariant } from './types';
+type ComponentProp = ElementType<any>;
+type TypographyPropsBase = Pick<MuiTypographyProps, 'paragraph' | 'noWrap' | 'align' | 'gutterBottom' | 'children' | 'ref'>;
+export type TypographyProps = TypographyPropsBase & {
+    /**
+     * Цвет текста
+     * @default undefined
+     */
+    color?: TypographyColor;
+    /**
+     * Применяет стили оформления темы
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @default '800'
+     */
+    colorIntensity?: Intensity;
+    /**
+     * Тип HTML - элемента
+     * @default 'p'
+     */
+    component?: ComponentProp;
+    /**
+     * Верхний регистр дочерних элементов
+     * @default false
+     */
+    isUpperCase?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        link: true;
+        pointer: true;
+        /**
+         * Устаревшие варианты, будут удалены в мажорном релизе
+         */
+        h7: true;
+        h8: true;
+        ui: true;
+        small: true;
+        code: true;
+    }
+}
+export declare const Typography: ({ children, color, colorIntensity, component, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Typography/enums.d.ts

@@ -0,0 +1,14 @@
+export declare enum TypographyColors {
+    text = "text",
+    secondary = "secondary",
+    primary = "primary",
+    error = "error",
+    success = "success",
+    warning = "warning",
+    info = "info",
+    textSecondary = "text.secondary",
+    grey = "grey",
+    red = "red",
+    green = "green",
+    yellow = "yellow"
+}

package/dist/components/Typography/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTypographyColor';

package/dist/components/Typography/hooks/useTypographyColor/index.d.ts

@@ -0,0 +1 @@
+export * from './useTypographyColor';

package/dist/components/Typography/hooks/useTypographyColor/useTypographyColor.d.ts

@@ -0,0 +1,16 @@
+import type { TypographyColor } from '../../types';
+type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
+type UseTypographyColorParams = {
+    /**
+     * Цвет текста
+     * @default undefined
+     */
+    color?: TypographyColor;
+    /**
+     * Интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @default '800'
+     */
+    colorIntensity?: Intensity;
+};
+export declare const useTypographyColor: ({ color, colorIntensity, }: UseTypographyColorParams) => any;
+export {};

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Typography';
+export * from './types';

package/dist/components/Typography/styles.d.ts

@@ -0,0 +1,2 @@
+import { Typography } from '@mui/material';
+export declare const TypographyWrapper: typeof Typography;

package/dist/components/Typography/types.d.ts

@@ -0,0 +1,4 @@
+import type { TypographyColors } from './enums';
+export type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
+export type TypographyColor = keyof typeof TypographyColors;
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'caption' | 'button' | 'pointer' | 'link' | 'inherit';

package/dist/components/index.d.ts

@@ -0,0 +1,62 @@
+export * from './Accordion';
+export * from './ActionCell';
+export * from './AsyncAutocomplete';
+export * from './Autocomplete';
+export * from './Badge';
+export * from './BottomDrawer';
+export * from './Button';
+export * from './Checkbox';
+export * from './CheckboxField';
+export * from './Chevron';
+export * from './CircularProgress';
+export * from './Collapse';
+export * from './ConfigProvider';
+export * from './ConfirmAction';
+export * from './Container';
+export * from './ContentState';
+export * from './CopyTypography';
+export * from './DataGrid';
+export * from './DataGridActionCell';
+export * from './DataGridPagination';
+export * from './Description';
+export * from './DescriptionList';
+export * from './Dialog';
+export * from './DialogActions';
+export * from './DialogContent';
+export * from './DialogContentText';
+export * from './DialogHeader';
+export * from './DialogTitle';
+export * from './Divider';
+export * from './ErrorBoundary';
+export * from './FormControl';
+export * from './FormControlLabel';
+export * from './FormHelperText';
+export * from './GuidTypography';
+export * from './IconButton';
+export * from './IconDropdownButton';
+export * from './InternalErrorPlaceholder';
+export * from './Link';
+export * from './List';
+export * from './ListItem';
+export * from './ListItemButton';
+export * from './ListItemIcon';
+export * from './ListItemText';
+export * from './ListSubheader';
+export * from './Menu';
+export * from './MenuItem';
+export * from './MenuList';
+export * from './NavMenu';
+export * from './OutdatedReleasePlaceholder';
+export * from './OverflowTypography';
+export * from './Pagination';
+export * from './Paper';
+export * from './Placeholder';
+export * from './Popover';
+export * from './SearchField';
+export * from './Select';
+export * from './Tag';
+export * from './TagBadge';
+export * from './TagsList';
+export * from './TextField';
+export * from './Tooltip';
+export * from './Typography';

package/dist/components/types.d.ts

@@ -0,0 +1 @@
+export type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useViewportType';
+export * from './useMenu';
+export * from './usePopover';

package/dist/hooks/useMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './useMenu';

package/dist/hooks/useMenu/useMenu.d.ts

@@ -0,0 +1,21 @@
+import { type Ref, type RefObject } from 'react';
+type UseMenuResult = {
+    /**
+     * Флаг состояния меню (открыто-закрыто)
+     */
+    open: boolean;
+    /**
+     * Элемент, к которому привязано меню
+     */
+    anchorRef: RefObject<HTMLButtonElement | null>;
+    /**
+     * Обработчик открытия меню
+     */
+    handleCloseMenu: () => void;
+    /**
+     * Обработчик закрытия меню
+     */
+    handleOpenMenu: () => void;
+};
+export declare function useMenu(ref?: Ref<HTMLButtonElement> | null): UseMenuResult;
+export {};

package/dist/hooks/usePopover/index.d.ts

@@ -0,0 +1 @@
+export * from './usePopover';

package/dist/hooks/usePopover/usePopover.d.ts

@@ -0,0 +1,11 @@
+import { type SyntheticEvent } from 'react';
+export type AnchorType = Element | null | undefined;
+export type UsePopoverResult = {
+    isOpen: boolean;
+    anchor: AnchorType;
+    actions: {
+        open: (event: SyntheticEvent) => void;
+        close: () => void;
+    };
+};
+export declare const usePopover: () => UsePopoverResult;

package/dist/hooks/useViewportType/index.d.ts

@@ -0,0 +1 @@
+export * from './useViewportType';

package/dist/hooks/useViewportType/useViewportType.d.ts

@@ -0,0 +1,5 @@
+type UseViewportTypeReturned = {
+    isMobile: boolean;
+};
+export declare const useViewportType: () => UseViewportTypeReturned;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './theme';
+export * from './hooks';