@alfalab/core-components-select 14.3.5 → 15.0.0

package/modern/{Component-5c16a908.js → hook-e0fd0350.js}

@@ -1,28 +1,9 @@
 import React, { forwardRef, useCallback, useEffect, useMemo, useState, useRef } from 'react';
-import './Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './components/base-select/Component.js';
-import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import { Arrow } from './components/arrow/Component.js';
-import { BaseSelectMobile } from './components/base-select-mobile/Component.js';
-import { Footer as Footer$1 } from './components/base-select-mobile/footer/Component.js';
-import { Field } from './components/field/Component.js';
-import { Optgroup } from './components/optgroup/Component.js';
-import { Option } from './components/option/Component.js';
-import { OptionsList } from './components/options-list/Component.js';
-import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import '@alfalab/core-components-form-control/modern';
-import '@alfalab/hooks';
 import { processOptions } from './utils.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-4e5bb99c.js';
+import { OptionsList } from './components/options-list/Component.js';
 import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
 import { Footer } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
+import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
 const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGetOptionProps, showClear = true, showHeaderWithSelectAll, selectedDraft = [], flatOptions = [], OptionsList: OptionsList$1 = OptionsList, onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = DEFAULT_VISIBLE_OPTIONS, Footer: Footer$1 = Footer, Header: Header$1 = Header, headerProps, ...restProps }, ref) => {
     const getOptionProps = useCallback((option, index) => {
@@ -130,48 +111,4 @@ function useSelectWithApply({ options, selected, onChange = () => null, OptionsL
     };
 }
 
-const VIRTUAL_OPTIONS_LIST_THRESHOLD$1 = 30;
-const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 'm', optionsSize = 'm', fieldProps = {}, optionProps = {}, optionsListProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, selected, options, OptionsList: OptionsList$1 = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD$1
-    ? VirtualOptionsList
-    : OptionsList, onChange, bottomSheetProps, showClear = true, showSelectAll, showHeaderWithSelectAll, useWithApplyHook = multiple, ...restProps }, ref) => {
-    const applyProps = useSelectWithApply({
-        optionsListProps: {
-            ...optionsListProps,
-            Footer: Footer$1,
-        },
-        OptionsList: OptionsList$1,
-        selected,
-        options,
-        onChange,
-        showClear,
-        showSelectAll,
-    });
-    return (React.createElement(BaseSelectMobile, { ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: fieldProps, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, isBottomSheet: true, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, bottomSheetProps: {
-            bottomAddons: useWithApplyHook && showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true })),
-            ...bottomSheetProps,
-        }, optionsListProps: optionsListProps, ...restProps, ...(useWithApplyHook && applyProps) }));
-});
-
-const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
-const SelectModalMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 'm', optionsSize = 'm', fieldProps = {}, optionProps = {}, optionsListProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, selected, options, OptionsList: OptionsList$1 = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
-    ? VirtualOptionsList
-    : OptionsList, onChange, showClear = true, showSelectAll, useWithApplyHook = multiple, modalHeaderProps, showHeaderWithSelectAll, ...restProps }, ref) => {
-    const applyProps = useSelectWithApply({
-        optionsListProps: {
-            ...optionsListProps,
-            Footer: Footer$1,
-        },
-        OptionsList: OptionsList$1,
-        selected,
-        options,
-        onChange,
-        showClear,
-        showSelectAll,
-    });
-    return (React.createElement(BaseSelectMobile, { ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: fieldProps, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, isBottomSheet: false, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, optionsListProps: optionsListProps, modalHeaderProps: {
-            bottomAddons: useWithApplyHook && showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true })),
-            ...modalHeaderProps,
-        }, ...restProps, ...(useWithApplyHook && applyProps) }));
-});
-
-export { OptionsListWithApply as O, SelectMobile as S, SelectModalMobile as a, SELECT_ALL_KEY as b, useSelectWithApply as u };
+export { OptionsListWithApply as O, SELECT_ALL_KEY as S, useSelectWithApply as u };

package/modern/index-ebda875c.d.ts

@@ -1,80 +1,40 @@
 /// <reference types="react" />
+// TODO Вид кнопок зависит от порядка импорта стилей.
+/* eslint-disable simple-import-sort/imports */
 import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import { FC } from "react";
+import { BaseButtonProps } from "./typings-9211a437";
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+type SpinnerProps = {
     /**
-     * Вид компонента
+     * Управление видимостью компонента
      */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-type IconButtonProps = {
-    /**
-     * Компонент иконки
-     */
-    icon: ElementType<{
-        className?: string;
-    }>;
-    /**
-     * Тип кнопки
-     */
-    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
+    visible?: boolean;
     /**
      * Размер компонента
      */
-    size?: "xxs" | "xs" | "s";
+    size?: "xs" | "s" | "m";
     /**
      * Дополнительный класс
      */
     className?: string;
     /**
-     * Выравнивание иконки
-     * @default 'center'
+     * Идентификатор компонента в DOM
      */
-    alignIcon?: "left" | "center" | "right";
+    id?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Набор цветов для компонента
+     * Палитра, в контексте которой используется спиннер
      */
     colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
-declare const IconButton: React.ForwardRefExoticComponent<{
-    icon: ElementType<{
-        className?: string;
-    }>;
-    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | "xxs" | undefined;
-    className?: string | undefined;
-    alignIcon?: "center" | "right" | "left" | undefined;
-    dataTestId?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-export { CloserProps, Closer, IconButtonProps, IconButton };
+};
+declare const Spinner: FC<SpinnerProps>;
+export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner };

package/modern/index.d.ts

@@ -1,5 +1,2 @@
-export * from "./Component";
-export * from "./components/index";
-export * from "./presets/index";
-export * from "./typings";
-export * from "./utils";
+export { SelectResponsive as Select, SelectResponsiveProps as SelectProps } from "./Component.responsive";
+export {};

package/modern/index.js

@@ -1,44 +1,42 @@
-export { Select } from './Component.js';
-export { Arrow } from './components/arrow/Component.js';
-export { BaseSelect } from './components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-5c16a908.js';
-export { Field } from './components/field/Component.js';
-export { Optgroup } from './components/optgroup/Component.js';
-export { Option } from './components/option/Component.js';
-export { OptionsList } from './components/options-list/Component.js';
-export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-export { BaseOption } from './components/base-option/Component.js';
-export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-export { useLazyLoading } from './presets/useLazyLoading/hook.js';
-export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
+export { SelectResponsive as Select } from './Component.responsive.js';
 import 'react';
+import '@alfalab/hooks';
+import './Component.desktop.js';
+import '@alfalab/core-components-form-control/modern/desktop';
+import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import './components/base-select/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/modern';
-import '@alfalab/hooks';
-import './getDataTestId-c17bfb0c.js';
+import '@alfalab/core-components-shared/modern';
+import './utils.js';
 import './components/native-select/Component.js';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
+import './components/field/Component.js';
+import './components/optgroup/Component.js';
+import './components/option/Component.js';
+import './components/checkmark/Component.js';
+import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import './components/checkmark-mobile/Component.js';
+import './components/options-list/Component.js';
+import '@alfalab/core-components-scrollbar/modern';
+import './consts.js';
+import './Component.mobile.js';
+import '@alfalab/core-components-form-control/modern/mobile';
 import './components/base-select-mobile/Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import './components/base-select-mobile/footer/Component.js';
 import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-form-control/modern';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-4e5bb99c.js';
-import './consts.js';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import './components/checkmark/Component.js';
-import './components/checkmark-mobile/Component.js';
-import '@alfalab/core-components-scrollbar/modern';
+import '@alfalab/core-components-button/modern/mobile';
+import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './components/base-checkmark/Component.js';
+import './hook-e0fd0350.js';
+import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
+import '@alfalab/core-components-button/modern/desktop';
+import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/modern/mobile-96988a65.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile-ebda875c";
+export {};

package/modern/mobile.d.ts

@@ -1,4 +1,5 @@
-export { SelectMobile } from "./components/select-mobile/index";
-export { SelectModalMobile } from "./components/select-modal-mobile/index";
-export type { SelectMobileProps } from "./components/select-mobile/index";
-export type { SelectModalMobileProps } from "./components/select-modal-mobile/index";
+export { SelectMobile } from "./Component.mobile";
+export { SelectModalMobile } from "./Component.modal.mobile";
+export type { SelectMobileProps } from "./Component.mobile";
+export type { SelectModalMobileProps } from "./Component.modal.mobile";
+export {};

package/modern/mobile.js

@@ -1,20 +1,19 @@
-export { S as SelectMobile, a as SelectModalMobile } from './Component-5c16a908.js';
+export { SelectMobile } from './Component.mobile.js';
+export { SelectModalMobile } from './Component.modal.mobile.js';
 import 'react';
-import './Component.js';
+import '@alfalab/core-components-form-control/modern/mobile';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './components/base-select/Component.js';
+import './components/base-select-mobile/Component.js';
 import 'react-merge-refs';
-import '@juggle/resize-observer';
 import 'downshift';
-import '@alfalab/core-components-popover/modern';
-import '@alfalab/hooks';
-import './getDataTestId-c17bfb0c.js';
+import '@alfalab/core-components-bottom-sheet/modern';
+import '@alfalab/core-components-modal/modern/mobile';
+import '@alfalab/core-components-shared/modern';
 import './utils.js';
-import './components/native-select/Component.js';
 import './components/field/Component.js';
-import '@alfalab/core-components-form-control/modern';
+import '@alfalab/hooks';
 import './components/optgroup/Component.js';
 import './components/option/Component.js';
 import './components/checkmark/Component.js';
@@ -26,15 +25,12 @@ import './components/checkmark-mobile/Component.js';
 import './components/options-list/Component.js';
 import '@alfalab/core-components-scrollbar/modern';
 import './consts.js';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import './components/base-select-mobile/Component.js';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-modal/modern/mobile';
 import './components/base-select-mobile/footer/Component.js';
 import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern';
+import '@alfalab/core-components-button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-4e5bb99c.js';
+import './hook-e0fd0350.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
+import '@alfalab/core-components-button/modern/desktop';
+import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/modern/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-b4e70cb0";
+export * from "../hook-9ea9e32c";

package/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-5c16a908.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-e0fd0350.js';
 import 'react';
 import '@alfalab/core-components-skeleton/modern';
 import '../components/option/Component.js';
@@ -11,32 +11,13 @@ import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
-import '../intersection-observer-4e5bb99c.js';
-import '../Component.js';
-import '../components/arrow/Component.js';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'downshift';
-import '@alfalab/core-components-popover/modern';
-import '@alfalab/hooks';
-import '../getDataTestId-c17bfb0c.js';
 import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/field/Component.js';
-import '@alfalab/core-components-form-control/modern';
-import '../components/optgroup/Component.js';
 import '../components/options-list/Component.js';
+import 'react-merge-refs';
 import '@alfalab/core-components-scrollbar/modern';
+import '@alfalab/hooks';
 import '../consts.js';
-import './useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../components/base-select-mobile/Component.js';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-modal/modern/mobile';
-import '../components/base-select-mobile/footer/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern';
-import '../components/virtual-options-list/Component.js';
-import 'react-virtual';
+import '../components/optgroup/Component.js';
 import './useSelectWithApply/options-list-with-apply/footer/Component.js';
+import '@alfalab/core-components-button/modern/desktop';
+import './useSelectWithApply/options-list-with-apply/header/Component.js';