@alfalab/core-components-tabs 8.1.6 → 8.2.0

package/modern/typings-bdb4c6b9.d.ts

@@ -1,52 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseModalProps } from "./index-bdb4c6b9";
-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 ModalResponsiveProps = ModalDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type View = 'desktop' | 'mobile';
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps['size']>;
-};
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Растягивает контент на всю высоту
-     */
-    flex?: boolean;
-};
-export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/modern/useSkeleton-ebda875c.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TextSkeletonProps } from "./types-1b036d4b";
-type SkeletonProps = {
-    wrapperClassName?: string;
-    dataTestId?: string;
-};
-declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
-    renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
-    textRef: React.RefObject<HTMLElement>;
-};
-export { useSkeleton };

package/modern/utils-0f4b9bed.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
-declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
-declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
-declare const joinOptions: ({ selected, selectedMultiple, }: {
-    selected?: OptionShape | undefined;
-    selectedMultiple?: OptionShape[] | undefined;
-}) => ReactNode[] | null;
-declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected'], filterFn?: (option: OptionShape) => boolean): {
-    filteredOptions: (OptionShape | GroupShape)[];
-    flatOptions: OptionShape[];
-    selectedOptions: OptionShape[];
-};
-type useVisibleOptionsArgs = {
-    /**
-     * Количество видимых пунктов
-     */
-    visibleOptions: number;
-    /**
-     * Реф на контейнер с пунтами меню
-     */
-    listRef: RefObject<HTMLElement>;
-    /**
-     * Реф на контейнер, которому нужно установить высоту
-     */
-    styleTargetRef?: RefObject<HTMLElement>;
-    /**
-     * Флаг открытия меню
-     */
-    open?: boolean;
-    /**
-     * Позволяет вызвать пересчет высоты
-     */
-    invalidate?: unknown;
-};
-declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
-declare function defaultFilterFn(optionText: string, search: string): boolean;
-declare function defaultAccessor(option: OptionShape): string;
-declare function usePrevious<T>(value: T): T | undefined;
-declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };

package/modern/utils-1574ad8b.d.ts

@@ -1,29 +0,0 @@
-type SavedStyle = {
-    value: string;
-    key: string;
-    el: HTMLElement;
-};
-type RestoreStyle = {
-    container: HTMLElement;
-    modals: number;
-    styles: SavedStyle[];
-};
-declare class ModalStore {
-    private readonly restoreStyles;
-    constructor();
-    getRestoreStyles: () => RestoreStyle[];
-}
-declare const getModalStore: () => ModalStore;
-declare class GlobalStore {
-    private readonly modalStore;
-    constructor();
-    getModalStore: () => ModalStore;
-}
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const getScrollbarSize: () => number;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
-export type { SavedStyle };
-export { getModalStore, GlobalStore, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer };

package/shared-4cd3936b.d.ts

@@ -1,107 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
-import { BottomSheetProps } from "./index-f12ee135";
-import { UseSelectWithApplyProps } from "./hook-8abfea97";
-// 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 = {
-    /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
-     */
-    footer?: ReactNode;
-    /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
-     */
-    swipeable?: boolean;
-    /**
-     * Дополнительные пропсы шторки
-     */
-    bottomSheetProps?: Partial<BottomSheetProps>;
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: UseSelectWithApplyProps["showClear"];
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
-    /**
-     * Показывать пункт "Выбрать все" в заголовке списка
-     */
-    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
-    /**
-     * Использовать ли хук useSelectWithApply
-     */
-    useWithApplyHook?: boolean;
-};
-type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-};
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
-export * from "./index-ebda875c";
-export * from "./Component-0f4b9bed";
-export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
-export * from "./hook-8abfea97";
-export * from "./typings-0f4b9bed";
-export * from "./utils-0f4b9bed";

package/shared.d.ts

@@ -1,4 +0,0 @@
-export * from "./components/scrollable-container/index";
-export * from "./hooks/use-tabs";
-export * from "./hooks/use-collapsible-elements";
-export * from "./typings";

package/src/collapsible.ts

@@ -1,2 +0,0 @@
-export { TabsCollapsible, TabsCollapsibleProps } from './components/tabs/Component.collapsible';
-export * from './components/tab';

package/src/desktop.ts

@@ -1,4 +0,0 @@
-export * from './components/primary-tablist/Component.desktop';
-export * from './components/secondary-tablist/Component.desktop';
-export * from './components/tab';
-export * from './components/tabs/Component.desktop';

package/src/mobile.ts

@@ -1,4 +0,0 @@
-export * from './components/primary-tablist/Component.mobile';
-export * from './components/secondary-tablist/Component.mobile';
-export * from './components/tab';
-export * from './components/tabs/Component.mobile';

package/src/shared.ts

@@ -1,4 +0,0 @@
-export * from './components/scrollable-container';
-export * from './hooks/use-tabs';
-export * from './hooks/use-collapsible-elements';
-export * from './typings';

package/types-1b036d4b.d.ts

@@ -1,13 +0,0 @@
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type WidthUnit = number | string;
-type TextSkeletonProps = {
-    /**
-     *  Кол-во строк текста
-     */
-    rows?: number;
-    /**
-     * Ширина строки
-     */
-    width?: WidthUnit | WidthUnit[];
-};
-export { TextElementType, TextSkeletonProps };

package/types-4480ac4f.d.ts

@@ -1,3 +0,0 @@
-type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-type PickerButtonVariant = 'default' | 'compact';
-export { PickerButtonSize, PickerButtonVariant };