@alfalab/core-components-input-autocomplete 10.1.1 → 10.1.2

package/modern/index-ebda875c.d.ts

@@ -1,136 +1,219 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactNode } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+import { HTMLAttributes } from "react";
+type ScrollbarProps = {
     /**
-     * Растягивает компонент на ширину контейнера
+     * Оборачиваемый элемент.
      */
-    block?: boolean;
+    children?: React.ReactNode;
     /**
-     * Размер компонента
+     * Дополнительный класс на корневой элемент.
      */
-    size?: "s" | "m" | "l" | "xl";
+    className?: string;
     /**
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted";
     /**
-     * Заблокированное состояние
-     */
-    disabled?: boolean;
-    /**
-     * Cостояние только для чтения
-     */
-    readOnly?: boolean;
-    /**
-     * Заполненное состояние
-     */
-    filled?: boolean;
-    /**
-     * Выбранное (фокус) состояние
+     * Растягивать контент по горизонтали по ширине содержимого.
      */
-    focused?: boolean;
+    horizontalAutoStretch?: boolean;
     /**
-     * Отображение ошибки
+     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
      */
-    error?: ReactNode | boolean;
+    widthPropName?: "minWidth" | "width" | "maxWidth";
     /**
-     * Текст подсказки
+     * Включает автоскрытие ползунка.
      */
-    hint?: ReactNode;
+    autoHide?: boolean;
     /**
-     * Лейбл компонента
+     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
      */
-    label?: ReactNode;
+    autoHideTimeout?: number;
     /**
-     * Вид лейбла внутри / снаружи
+     * Принудительное отображение полосы прокрутки.
      */
-    labelView?: "inner" | "outer";
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
+    forceVisible?: boolean | "x" | "y";
     /**
-     * Дополнительный класс для поля
+     * Управление поведением клика по треку.
+     * Если true, то будет выполняться прокрутка к месту клика.
      */
-    fieldClassName?: string;
+    clickOnTrack?: boolean;
     /**
-     * Дополнительный класс для поля
+     * HTML-aтрибуты на прокручиваемый узел.
      */
-    inputWrapperClassName?: string;
+    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
-     * Дополнительный класс для лейбла
+     * HTML-aтрибуты на узел с контентом.
      */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors;
-};
-declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    block?: boolean | undefined;
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    colors?: "default" | "inverted" | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    filled?: boolean | undefined;
-    focused?: boolean | undefined;
-    error?: ReactNode | boolean;
-    hint?: ReactNode;
-    label?: ReactNode;
-    labelView?: "inner" | "outer" | undefined;
-    leftAddons?: ReactNode;
-    rightAddons?: ReactNode;
-    bottomAddons?: ReactNode;
+    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Scrollbar: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
     className?: string | undefined;
-    fieldClassName?: string | undefined;
-    inputWrapperClassName?: string | undefined;
-    labelClassName?: string | undefined;
-    addonsClassName?: string | undefined;
-    dataTestId?: string | undefined;
-    children?: ReactNode;
-    styles: {
-        [key: string]: string;
+    colors?: "default" | "inverted" | undefined;
+    horizontalAutoStretch?: boolean | undefined;
+    widthPropName?: "minWidth" | "width" | "maxWidth" | undefined;
+    autoHide?: boolean | undefined;
+    autoHideTimeout?: number | undefined;
+    forceVisible?: boolean | "x" | "y" | undefined;
+    clickOnTrack?: boolean | undefined;
+    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
+    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare class SimpleBar {
+    static getRtlHelpers(): {
+        isRtlScrollingInverted: boolean;
+        isRtlScrollbarInverted: boolean;
+    };
+    static defaultOptions: {
+        autoHide: boolean;
+        forceVisible: boolean;
+        clickOnTrack: boolean;
+        clickOnTrackSpeed: number;
+        classNames: {
+            contentEl: string;
+            contentWrapper: string;
+            offset: string;
+            mask: string;
+            wrapper: string;
+            placeholder: string;
+            scrollbar: string;
+            track: string;
+            heightAutoObserverWrapperEl: string;
+            heightAutoObserverEl: string;
+            visible: string;
+            horizontal: string;
+            vertical: string;
+            hover: string;
+            dragging: string;
+        };
+        scrollbarMinSize: number;
+        scrollbarMaxSize: number;
+        timeout: number;
+    };
+    static getOffset(el: any): {
+        top: any;
+        left: any;
+    };
+    static instances: WeakMap<object, any>;
+    constructor(element: any, options: any);
+    el: any;
+    minScrollbarWidth: number;
+    options: any;
+    classNames: any;
+    axis: {
+        x: {
+            scrollOffsetAttr: string;
+            sizeAttr: string;
+            scrollSizeAttr: string;
+            offsetSizeAttr: string;
+            offsetAttr: string;
+            overflowAttr: string;
+            dragOffset: number;
+            isOverflowing: boolean;
+            isVisible: boolean;
+            forceVisible: boolean;
+            track: {};
+            scrollbar: {};
+        };
+        y: {
+            scrollOffsetAttr: string;
+            sizeAttr: string;
+            scrollSizeAttr: string;
+            offsetSizeAttr: string;
+            offsetAttr: string;
+            overflowAttr: string;
+            dragOffset: number;
+            isOverflowing: boolean;
+            isVisible: boolean;
+            forceVisible: boolean;
+            track: {};
+            scrollbar: {};
+        };
+    };
+    removePreventClickId: any;
+    recalculate(): void;
+    onMouseMove: (e: any) => void;
+    hideScrollbars: () => void;
+    onWindowResize: () => void;
+    init(): void;
+    scrollbarWidth: any;
+    initDOM(): void;
+    wrapperEl: any;
+    contentWrapperEl: any;
+    contentEl: any;
+    offsetEl: any;
+    maskEl: any;
+    placeholderEl: any;
+    heightAutoObserverWrapperEl: any;
+    heightAutoObserverEl: any;
+    setAccessibilityAttributes(): void;
+    initListeners(): void;
+    resizeObserver: any;
+    mutationObserver: any;
+    elStyles: any;
+    isRtl: boolean | undefined;
+    getScrollbarSize(axis?: string): number;
+    positionScrollbar(axis?: string): void;
+    toggleTrackVisibility(axis?: string): void;
+    hideNativeScrollbar(): void;
+    onScroll: () => void;
+    scrollXTicking: boolean | undefined;
+    scrollYTicking: boolean | undefined;
+    scrollX: () => void;
+    scrollY: () => void;
+    onMouseEnter: () => void;
+    mouseX: any;
+    mouseY: any;
+    onMouseMoveForAxis(axis?: string): void;
+    onMouseLeave: () => void;
+    onMouseLeaveForAxis(axis?: string): void;
+    showScrollbar(axis?: string): void;
+    onPointerEvent: (e: any) => void;
+    onDragStart(e: any, axis?: string): void;
+    draggedAxis: string | undefined;
+    drag: (e: any) => void;
+    onEndDrag: (e: any) => void;
+    preventClick: (e: any) => void;
+    onTrackClick(e: any, axis?: string): void;
+    getContentElement(): any;
+    getScrollElement(): any;
+    getScrollbarWidth(): any;
+    removeListeners(): void;
+    unMount(): void;
+    isWithinBounds(bbox: any): boolean;
+    findChild(el: any, query: any): any;
+}
+declare function memoize(func: Function, resolver?: Function | undefined): Function;
+declare namespace memoize$0 {
+    export { MapCache as Cache };
+}
+declare function MapCache(entries?: any[] | undefined): void;
+declare class MapCache {
+    private constructor();
+    clear: typeof mapCacheClear;
+    delete: typeof mapCacheDelete;
+    get: typeof mapCacheGet;
+    has: typeof mapCacheHas;
+    set: typeof mapCacheSet;
+}
+declare function mapCacheClear(): void;
+declare class mapCacheClear {
+    __data__: {
+        hash: Hash;
+        map: any;
+        string: Hash;
     };
-    colorStyles?: StyleColors | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { StyleColors, BaseFormControlProps, BaseFormControl };
+}
+declare function mapCacheDelete(key: string): boolean;
+declare function mapCacheGet(key: string): any;
+declare function mapCacheHas(key: string): boolean;
+declare function mapCacheSet(key: string, value: any): Object;
+declare var canUseDOM: boolean;
+declare function scrollbarWidth(el: any): any;
+declare function getElementWindow(element: any): any;
+declare function getElementDocument(element: any): any;
+declare function getOptions(obj: any): unknown;
+export { memoize as default, ScrollbarProps, Scrollbar, getElementWindow, getElementDocument, getOptions };

package/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-2abb571d";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-92653002";
+export * from "./component-1a4fbd11";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/modern/index.js

@@ -14,4 +14,4 @@ import '@alfalab/core-components-input/modern';
 import '@alfalab/core-components-select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/modern/mobile';
-import './mobile.module-698d1199.js';
+import './mobile.module-f3a5d2f8.js';

package/modern/{Component.modal.mobile-dd8ca091.d.ts → mobile-45dc17c6.d.ts}

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ModalMobile } from "./Component.mobile-f1f15074";
 import { UseSelectWithApplyProps } from "./hook-8abfea97";
 import { BaseSelectProps } from "./typings-dd8ca091";
-type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Показывать кнопку очистки
      */
-    showClear?: UseSelectWithApplyProps['showClear'];
+    showClear?: UseSelectWithApplyProps["showClear"];
     /**
      * Показывать пункт "Выбрать все"
      */
-    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
     /**
      *  Дополнительные пропсы шапки модалки
      */
@@ -24,37 +24,24 @@ type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> &
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
-    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /*
+    * Показывать пункт "Выбрать все" в заголовке списка
+    */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
     /**
      * Использовать ли хук useSelectWithApply
      */
     useWithApplyHook?: boolean;
 };
 declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: UseSelectWithApplyProps['showClear'];
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
-    /**
-     *  Дополнительные пропсы шапки модалки
-     */
+    showClear?: UseSelectWithApplyProps["showClear"];
+    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
     modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
-    /**
-     *  Дополнительные пропсы модалки
-     */
     modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     *  Дополнительные пропсы футера модалки
-     */
     modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
-    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
-    /**
-     * Использовать ли хук useSelectWithApply
-     */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
     useWithApplyHook?: boolean | undefined;
 } & React.RefAttributes<unknown>>;
 export { SelectModalMobileProps, SelectModalMobile };
+export { SelectMobile } from "./Component.mobile-ade26e99";
+export type { SelectMobileProps } from "./Component.mobile-ade26e99";

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-export * from "./Component.mobile-ebda875c";
-export {};
+import React from "react";
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1r1ln */
+/* hash: 1vh9c */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_1lnsq {
+} .input-autocomplete__bottomAddonInput_1j8pf {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_1lnsq {
+} .input-autocomplete__footer_1j8pf {
     display: flex
-} .input-autocomplete__footer_1lnsq > button + button {
+} .input-autocomplete__footer_1j8pf > button + button {
         margin-left: var(--gap-m);
     }

package/modern/mobile.js

@@ -10,4 +10,4 @@ import '@alfalab/core-components-select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/hooks';
-import './mobile.module-698d1199.js';
+import './mobile.module-f3a5d2f8.js';

package/modern/{mobile.module-698d1199.js → mobile.module-f3a5d2f8.js}

@@ -1,4 +1,4 @@
-const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1lnsq","footer":"input-autocomplete__footer_1lnsq"};
+const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1j8pf","footer":"input-autocomplete__footer_1j8pf"};
 require('./mobile.css')
 
 export { styles as s };

package/modern/shared-4cd3936b.d.ts

@@ -1,64 +1,7 @@
-/// <reference types="react" />
-import React from "react";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
-// 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;
-};
 export * from "./index-ebda875c";
+export * from "./Component-1a4fbd11";
 export * from "./Component-dd8ca091";
-export { useSelectWithLoading, useLazyLoading };
+export * from "./hook-ebda875c";
 export * from "./hook-8abfea97";
 export * from "./typings-dd8ca091";
 export * from "./utils-dd8ca091";

package/modern/{types-92653002.d.ts → types-b0ff398d.d.ts}

@@ -1,5 +1,6 @@
 /// <reference types="react-transition-group" />
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { HandledEvents } from 'react-swipeable/es/types';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
@@ -263,5 +264,9 @@ type BottomSheetProps = {
      * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается для событий touchend and mouseup.
+     */
+    onTouchEnd?: (event: HandledEvents) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-input-autocomplete",
-    "version": "10.1.1",
+    "version": "10.1.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -34,10 +34,10 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^9.0.3",
+        "@alfalab/core-components-button": "^9.0.4",
         "@alfalab/core-components-form-control": "^10.0.0",
-        "@alfalab/core-components-input": "^12.1.1",
-        "@alfalab/core-components-select": "^15.1.1",
+        "@alfalab/core-components-input": "^12.1.2",
+        "@alfalab/core-components-select": "^15.1.2",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",
         "lodash.throttle": "^4.1.1",

package/{types-92653002.d.ts → types-b0ff398d.d.ts}

@@ -1,5 +1,6 @@
 /// <reference types="react-transition-group" />
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { HandledEvents } from 'react-swipeable/es/types';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
@@ -263,5 +264,9 @@ type BottomSheetProps = {
      * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается для событий touchend and mouseup.
+     */
+    onTouchEnd?: (event: HandledEvents) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };