@alfalab/core-components 42.2.2 → 42.2.3

package/intl-phone-input/esm/shared-4cd3936b.d.ts

@@ -1,9 +1,64 @@
 /// <reference types="react" />
 import React from "react";
 import { ReactNode } from "react";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
 import { BottomSheetProps } from "./index-f12ee135";
 import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useSelectWithLoadingProps = {
+    loading?: boolean;
+    visibleOptions?: BaseSelectProps["visibleOptions"];
+    Option?: React.FC<OptionProps>;
+};
+declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
+    Option: (props: OptionProps) => React.JSX.Element;
+    options: OptionShape[];
+} | null;
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
 type AdditionalMobileProps = {
     /**
      * Футер
@@ -38,27 +93,42 @@ type AdditionalMobileProps = {
 };
 type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
 declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-type useSelectWithLoadingProps = {
-    loading?: boolean;
-    visibleOptions?: BaseSelectProps["visibleOptions"];
-    Option?: React.FC<OptionProps>;
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
-declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => React.JSX.Element;
-    options: OptionShape[];
-} | null;
+declare const Skeleton: React.FC<SkeletonProps>;
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
     showClear?: boolean;
 };
 declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
-export { AdditionalMobileProps, SelectMobileProps, SelectMobile, useSelectWithLoading, FooterProps, Footer };
 export * from "./index-ebda875c";
 export * from "./Component-5e1b8383";
-export * from "./hook-c44170fe";
+export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, SkeletonProps, Skeleton, FooterProps, Footer };
 export * from "./hook-9ea9e32c";
-export * from "./Component-50136800";
 export * from "./typings-5e1b8383";
 export * from "./utils-5e1b8383";

package/intl-phone-input/shared-4cd3936b.d.ts

@@ -1,9 +1,64 @@
 /// <reference types="react" />
 import React from "react";
 import { ReactNode } from "react";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
 import { BottomSheetProps } from "./index-f12ee135";
 import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useSelectWithLoadingProps = {
+    loading?: boolean;
+    visibleOptions?: BaseSelectProps["visibleOptions"];
+    Option?: React.FC<OptionProps>;
+};
+declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
+    Option: (props: OptionProps) => React.JSX.Element;
+    options: OptionShape[];
+} | null;
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
 type AdditionalMobileProps = {
     /**
      * Футер
@@ -38,27 +93,42 @@ type AdditionalMobileProps = {
 };
 type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
 declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-type useSelectWithLoadingProps = {
-    loading?: boolean;
-    visibleOptions?: BaseSelectProps["visibleOptions"];
-    Option?: React.FC<OptionProps>;
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
-declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => React.JSX.Element;
-    options: OptionShape[];
-} | null;
+declare const Skeleton: React.FC<SkeletonProps>;
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
     showClear?: boolean;
 };
 declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
-export { AdditionalMobileProps, SelectMobileProps, SelectMobile, useSelectWithLoading, FooterProps, Footer };
 export * from "./index-ebda875c";
 export * from "./Component-5e1b8383";
-export * from "./hook-c44170fe";
+export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, SkeletonProps, Skeleton, FooterProps, Footer };
 export * from "./hook-9ea9e32c";
-export * from "./Component-50136800";
 export * from "./typings-5e1b8383";
 export * from "./utils-5e1b8383";

package/list/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_item_Component = require('./Component-3d45b936.js');
+var components_item_Component = require('./Component-97126071.js');
 require('./utils.js');
 require('../typography');
 

package/list/components/item/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-var components_item_Component = require('../../Component-3d45b936.js');
+var components_item_Component = require('../../Component-97126071.js');
 require('tslib');
 require('../../utils.js');
 

package/list/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-3d45b936";
+export * from "../../Component-97126071";

package/list/components/item/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('../../Component-3d45b936.js');
+var components_item_Component = require('../../Component-97126071.js');
 require('tslib');
 require('react');
 require('classnames');

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-a5c6bc96.js';
+export { a as List, L as ListContext } from './Component-dfbde161.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-a5c6bc96.js';
+export { I as Item } from '../../Component-dfbde161.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-a5c6bc96";
+export * from "../../Component-dfbde161";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-a5c6bc96.js';
+export { I as Item } from '../../Component-dfbde161.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-a5c6bc96.js';
+export { a as List, L as ListContext } from './Component-dfbde161.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-3d45b936.js');
+var components_item_Component = require('./Component-97126071.js');
 var presets = require('./presets.js');
 require('tslib');
 require('react');

package/list/modern/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-116c4d34.js';
+export { a as List, L as ListContext } from './Component-b032dada.js';
 import '../../typography/modern';
 import './utils.js';

package/list/modern/components/item/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { I as Item } from '../../Component-116c4d34.js';
+export { I as Item } from '../../Component-b032dada.js';
 import '../../utils.js';

package/list/modern/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-116c4d34";
+export * from "../../Component-b032dada";

package/list/modern/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-116c4d34.js';
+export { I as Item } from '../../Component-b032dada.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-116c4d34.js';
+export { a as List, L as ListContext } from './Component-b032dada.js';
 export { listPresets } from './presets.js';
 import 'react';
 import 'classnames';

package/number-input/Component.d.ts

@@ -33,7 +33,7 @@ type NumberInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
         valueString: string;
     }) => void;
 };
-declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "value"> & {
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange"> & {
     /**
      * Значение поля ввода
      */

package/number-input/cssm/Component.d.ts

@@ -33,7 +33,7 @@ type NumberInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
         valueString: string;
     }) => void;
 };
-declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "value"> & {
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange"> & {
     /**
      * Значение поля ввода
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components",
-    "version": "42.2.2",
+    "version": "42.2.3",
     "license": "MIT",
     "repository": {
         "type": "git",

package/phone-input/utils/index.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) {
-    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, '');
-};
+var deleteFormatting = function (phone) { return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, ''); };
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/cssm/Component.desktop.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "../../button";
-import { BaseSelectProps } from "./shared-5e1b8383";
+import { BaseSelectProps } from "./shared-4cd3936b";
 import { PickerButtonSize, PickerButtonVariant } from "./types";
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<BaseSelectProps['options'][0] & {
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      */
     showArrow?: boolean;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/picker-button/cssm/Component.mobile-06ffd24b.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { UseSelectWithApplyProps } from "./hook-5e1b8383";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
 import { BaseSelectProps } from "./typings-5e1b8383";
 type AdditionalMobileProps = {
     /**

package/picker-button/cssm/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AdditionalMobileProps } from "./shared-5e1b8383";
+import { AdditionalMobileProps } from "./shared-4cd3936b";
 import { PickerButtonDesktopProps } from "./desktop";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
     /**

package/picker-button/cssm/Component.modal.mobile-5e1b8383.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ModalMobile } from "./Component.mobile-f1f15074";
-import { UseSelectWithApplyProps } from "./hook-5e1b8383";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
 import { BaseSelectProps } from "./typings-5e1b8383";
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**

package/picker-button/cssm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "../../button";
-import { AdditionalMobileProps } from "./shared-5e1b8383";
+import { AdditionalMobileProps } from "./shared-4cd3936b";
 import { PickerButtonDesktopProps } from "./desktop";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
@@ -11,8 +11,8 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-5e1b8383").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
-    options: ((import("./shared-5e1b8383").OptionShape | import("./shared-5e1b8383").GroupShape) & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("./shared-4cd3936b").OptionShape | import("./shared-4cd3936b").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./types").PickerButtonSize | undefined;

package/{input-autocomplete/esm/Component-50136800.d.ts → picker-button/cssm/component-50136800.d.ts}

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-c76d6398";
-import { SwipeableHandlers } from "react-swipeable";
-import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-d9f9bbcc";
+import React from 'react';
+import { NavigationBarProps } from "./types-83e2bd9e";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };
+m "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/picker-button/cssm/option/Component.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { FC, SVGProps } from "react";
-import { OptionShape } from "../shared-5e1b8383";
-import { OptionProps as BaseOptionProps } from "../shared-5e1b8383";
+import { OptionShape } from "../shared-4cd3936b";
+import { OptionProps as BaseOptionProps } from "../shared-4cd3936b";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/picker-button/cssm/shared-4cd3936b.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useSelectWithLoadingProps = {
+    loading?: boolean;
+    visibleOptions?: BaseSelectProps["visibleOptions"];
+    Option?: React.FC<OptionProps>;
+};
+declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
+    Option: (props: OptionProps) => React.JSX.Element;
+    options: OptionShape[];
+} | null;
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+export * from "./index-ebda875c";
+export * from "./Component-5e1b8383";
+export { useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
+export * from "./hook-9ea9e32c";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";
+export type { AdditionalMobileProps } from "./Component.mobile-06ffd24b";

package/picker-button/modern/component-50136800.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import React from 'react';
+import { NavigationBarProps } from "./types-83e2bd9e";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };
+m "./types-72dda473";
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
+type SwipeableBackdropProps = BackdropProps & {
+    /**
+     * Прозрачность бэкдропа
+     */
+    opacity?: number;
+    /**
+     * Обработчики свайпа
+     */
+    handlers?: SwipeableHandlers;
+    /**
+     * Время анимации opacity
+     */
+    opacityTimeout?: number;
+};
+declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };