@alfalab/core-components-select 14.3.4 → 15.0.0

package/Component-3885b0d7.d.ts

@@ -1,169 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { NavigationBarProps } from "./types-ebda875c";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-};
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-declare const TitleResponsive: FC<TitleProps>;
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
-export type { TitleProps, TextProps, Color };

package/Component.d.ts

@@ -1,104 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes, ReactNode } from "react";
-import { BaseSelectProps } from "./typings";
-type FormControlProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "s" | "m" | "l" | "xl";
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * Заблокированное состояние
-     */
-    disabled?: boolean;
-    /**
-     * Cостояние только для чтения
-     */
-    readOnly?: boolean;
-    /**
-     * Заполненное состояние
-     */
-    filled?: boolean;
-    /**
-     * Выбранное (фокус) состояние
-     */
-    focused?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: "inner" | "outer";
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    inputWrapperClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-};
-type SelectFieldProps = Omit<FormControlProps, 'size'> & Record<string, unknown>;
-type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
-    /**
-     * Пропсы, которые будут прокинуты в компонент поля
-     */
-    fieldProps?: SelectFieldProps;
-};
-declare const Select: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
-    /**
-     * Пропсы, которые будут прокинуты в компонент поля
-     */
-    fieldProps?: SelectFieldProps | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { SelectFieldProps, SelectProps, Select };

package/Component.mobile-b2c0420d.d.ts

@@ -1,93 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-import { NavigationBarProps } from "./types-ebda875c";
-import { BaseModalProps, BaseModalContext } from "@alfalab/core-components-base-modal";
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
-declare const Header: FC<HeaderProps>;
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
-    size?: "s" | "m" | "l" | "xl" | "fullscreen";
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
-type View = "desktop" | "mobile";
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps["size"]>;
-};
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Растягивает контент на всю высоту
-     */
-    flex?: boolean;
-};
-declare const Content: FC<ContentProps>;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
-declare const Footer: FC<FooterProps>;
-declare const Modal: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
-declare const ModalContext: import("react").Context<BaseModalContext>;
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<ContentProps>;
-    Header: React.FC<HeaderProps>;
-    Footer: React.FC<FooterProps>;
-    Closer: React.FC<CloserProps>;
-};
-export * from "./Component-3885b0d7";
-export * from "./index-ebda875c";
-export type { NavigationBarProps } from "./types-ebda875c";
-export { HeaderProps, Header, Content, FooterProps, Footer, Modal, ResponsiveContext, ModalContext, ModalMobile };

package/components/select-mobile/Component.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('tslib');
-require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-01f08370.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('../arrow/Component.js');
-require('../base-select-mobile/Component.js');
-require('../base-select-mobile/footer/Component.js');
-require('../field/Component.js');
-require('../optgroup/Component.js');
-require('../option/Component.js');
-require('../options-list/Component.js');
-require('../virtual-options-list/Component.js');
-require('../../Component.js');
-require('../base-select/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('classnames');
-require('downshift');
-require('@alfalab/core-components-popover');
-require('@alfalab/hooks');
-require('../../getDataTestId-18fbdb35.js');
-require('../../utils.js');
-require('../native-select/Component.js');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('@alfalab/core-components-form-control');
-require('../checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../checkmark-mobile/Component.js');
-require('@alfalab/core-components-scrollbar');
-require('../../consts.js');
-require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-0413a170.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('@alfalab/core-components-button');
-require('@alfalab/core-components-bottom-sheet');
-require('@alfalab/core-components-modal/mobile');
-require('@alfalab/core-components-base-modal');
-require('react-virtual');
-
-
-
-exports.SelectMobile = presets_useSelectWithApply_optionsListWithApply_Component.SelectMobile;

package/components/select-mobile/index.d.ts

@@ -1 +0,0 @@
-export * from "../../Component-01f08370";

package/components/select-mobile/index.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-01f08370.js');
-require('tslib');
-require('react');
-require('../../Component.js');
-require('../arrow/Component.js');
-require('classnames');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../base-select/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('downshift');
-require('@alfalab/core-components-popover');
-require('@alfalab/hooks');
-require('../../getDataTestId-18fbdb35.js');
-require('../../utils.js');
-require('../native-select/Component.js');
-require('../field/Component.js');
-require('@alfalab/core-components-form-control');
-require('../optgroup/Component.js');
-require('../option/Component.js');
-require('../checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../checkmark-mobile/Component.js');
-require('../options-list/Component.js');
-require('@alfalab/core-components-scrollbar');
-require('../../consts.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('../base-select-mobile/Component.js');
-require('@alfalab/core-components-bottom-sheet');
-require('@alfalab/core-components-modal/mobile');
-require('../base-select-mobile/footer/Component.js');
-require('@alfalab/core-components-base-modal');
-require('@alfalab/core-components-button');
-require('../virtual-options-list/Component.js');
-require('react-virtual');
-require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-0413a170.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-
-
-
-exports.SelectMobile = presets_useSelectWithApply_optionsListWithApply_Component.SelectMobile;

package/components/select-modal-mobile/Component.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('tslib');
-require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-01f08370.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('../arrow/Component.js');
-require('../base-select-mobile/Component.js');
-require('../base-select-mobile/footer/Component.js');
-require('../field/Component.js');
-require('../optgroup/Component.js');
-require('../option/Component.js');
-require('../options-list/Component.js');
-require('../virtual-options-list/Component.js');
-require('../../Component.js');
-require('../base-select/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('classnames');
-require('downshift');
-require('@alfalab/core-components-popover');
-require('@alfalab/hooks');
-require('../../getDataTestId-18fbdb35.js');
-require('../../utils.js');
-require('../native-select/Component.js');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('@alfalab/core-components-form-control');
-require('../checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../checkmark-mobile/Component.js');
-require('@alfalab/core-components-scrollbar');
-require('../../consts.js');
-require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-0413a170.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('@alfalab/core-components-button');
-require('@alfalab/core-components-bottom-sheet');
-require('@alfalab/core-components-modal/mobile');
-require('@alfalab/core-components-base-modal');
-require('react-virtual');
-
-
-
-exports.SelectModalMobile = presets_useSelectWithApply_optionsListWithApply_Component.SelectModalMobile;

package/components/select-modal-mobile/index.d.ts

@@ -1 +0,0 @@
-export * from "../../Component-01f08370";

package/components/select-modal-mobile/index.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-01f08370.js');
-require('tslib');
-require('react');
-require('../../Component.js');
-require('../arrow/Component.js');
-require('classnames');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../base-select/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('downshift');
-require('@alfalab/core-components-popover');
-require('@alfalab/hooks');
-require('../../getDataTestId-18fbdb35.js');
-require('../../utils.js');
-require('../native-select/Component.js');
-require('../field/Component.js');
-require('@alfalab/core-components-form-control');
-require('../optgroup/Component.js');
-require('../option/Component.js');
-require('../checkmark/Component.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../checkmark-mobile/Component.js');
-require('../options-list/Component.js');
-require('@alfalab/core-components-scrollbar');
-require('../../consts.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('../base-select-mobile/Component.js');
-require('@alfalab/core-components-bottom-sheet');
-require('@alfalab/core-components-modal/mobile');
-require('../base-select-mobile/footer/Component.js');
-require('@alfalab/core-components-base-modal');
-require('@alfalab/core-components-button');
-require('../virtual-options-list/Component.js');
-require('react-virtual');
-require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-0413a170.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-
-
-
-exports.SelectModalMobile = presets_useSelectWithApply_optionsListWithApply_Component.SelectModalMobile;