@alfalab/core-components-picker-button 11.1.10 → 11.3.0

package/cssm/Component.responsive.d.ts

@@ -1,28 +1,26 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonProps } from "@alfalab/core-components-button";
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
-type PickerButtonMatchMedia = 'desktop' | 'mobile';
-type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
+import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
+type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "showSearch" | "Search" | "searchProps"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
-    options: ((import("./shared-4cd3936b").OptionShape | import("./shared-4cd3936b").GroupShape) & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./types").PickerButtonSize | undefined;
     variant?: import("./types").PickerButtonVariant | undefined;
     showArrow?: boolean | undefined;
-} & AdditionalMobileProps & {
+} & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };
+export { PickerButtonResponsiveProps, PickerButtonResponsive };

package/cssm/Component.responsive.js

@@ -8,6 +8,7 @@ var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');
 var Component_mobile = require('./Component.mobile.js');
 require('classnames');
+require('@alfalab/core-components-popover/cssm');
 require('@alfalab/core-components-select/cssm/shared');
 require('./field/Component.js');
 require('@alfalab/core-components-button/cssm');

package/cssm/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

package/cssm/{desktop.d.ts → desktop/index.d.ts}

@@ -1,2 +1,2 @@
-export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop";
+export { PickerButtonDesktop, PickerButtonDesktopProps } from "../Component.desktop";
 export {};

package/cssm/{desktop.js → desktop/index.js}

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('classnames');
+require('@alfalab/core-components-popover/cssm');
 require('@alfalab/core-components-select/cssm/shared');
-require('./field/Component.js');
+require('../field/Component.js');
 require('@alfalab/core-components-button/cssm');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./field/index.module.css');
-require('./option/Component.js');
-require('./option/index.module.css');
-require('./index.module.css');
+require('../field/index.module.css');
+require('../option/Component.js');
+require('../option/index.module.css');
+require('../index.module.css');
 
 
 

package/cssm/field/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-0f4b9bed";
+import { FieldProps as BaseFieldProps } from "../typings-0816e61d";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/cssm/field/index.module.css

@@ -1,6 +1,6 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* 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 */
+    --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 */
 } :root {
 } :root {
@@ -26,5 +26,5 @@
     } .open {
     transform: var(--arrow-transform);
 } .linkOpen:not(:hover) {
-    background-color: var(--color-light-specialbg-secondary-transparent);
+    background-color: var(--color-light-neutral-translucent-100);
 }

package/cssm/{index-10db897e.d.ts → index-081223cb.d.ts}

@@ -3,7 +3,14 @@ import React from "react";
 import { PaddingType } from "./index-72dda473";
 /* eslint-disable no-plusplus, no-param-reassign */
 import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
 declare const isClient: () => boolean;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+};
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
 declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare function easeInOutQuad(x: number): number;
@@ -47,4 +54,8 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks };
+export * from "./browser-a216f694";

package/cssm/index-785df74d.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop-785df74d";
+export {};

package/cssm/index-c44170fe.d.ts

@@ -1,3 +1,18 @@
 /// <reference types="react" />
-export * from "./Component.responsive-d7e9f69d";
-export {};
+import React from "react";
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/cssm/index-ebda875c.d.ts

@@ -1,219 +1,80 @@
 /// <reference types="react" />
-/// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes } from "react";
-type ScrollbarProps = {
+import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
+import { ButtonProps } from "@alfalab/core-components-button";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Оборачиваемый элемент.
+     * Вид компонента
      */
-    children?: React.ReactNode;
+    view: "desktop" | "mobile";
     /**
-     * Дополнительный класс на корневой элемент.
+     * Дополнительный класс
      */
     className?: string;
     /**
-     * Набор цветов для компонента
+     * Позиция крестика
      */
-    colors?: "default" | "inverted";
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
-     * Растягивать контент по горизонтали по ширине содержимого.
+     * Коллбэк закрытия.
      */
-    horizontalAutoStretch?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+type IconButtonProps = {
     /**
-     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
+     * Компонент иконки
      */
-    widthPropName?: "minWidth" | "width" | "maxWidth";
+    icon: ElementType<{
+        className?: string;
+    }> | ReactElement;
     /**
-     * Включает автоскрытие ползунка.
+     * Тип кнопки
      */
-    autoHide?: boolean;
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
     /**
-     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
+     * Размер компонента
      */
-    autoHideTimeout?: number;
+    size?: "xxs" | "xs" | "s";
     /**
-     * Принудительное отображение полосы прокрутки.
+     * Дополнительный класс
      */
-    forceVisible?: boolean | "x" | "y";
+    className?: string;
     /**
-     * Управление поведением клика по треку.
-     * Если true, то будет выполняться прокрутка к месту клика.
+     * Выравнивание иконки
+     * @default 'center'
      */
-    clickOnTrack?: boolean;
+    alignIcon?: "left" | "center" | "right";
     /**
-     * HTML-aтрибуты на прокручиваемый узел.
+     * Идентификатор для систем автоматизированного тестирования
      */
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    dataTestId?: string;
     /**
-     * HTML-aтрибуты на узел с контентом.
+     * Набор цветов для компонента
      */
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-declare const Scrollbar: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }> | ReactElement;
+    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;
-    horizontalAutoStretch?: boolean | undefined;
-    widthPropName?: "width" | "minWidth" | "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;
-    };
-}
-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 };
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+export { CloserProps, Closer, IconButtonProps, IconButton };

package/cssm/index.js

@@ -8,6 +8,7 @@ require('react');
 require('@alfalab/hooks');
 require('./Component.desktop.js');
 require('classnames');
+require('@alfalab/core-components-popover/cssm');
 require('@alfalab/core-components-select/cssm/shared');
 require('./field/Component.js');
 require('@alfalab/core-components-button/cssm');

package/cssm/mobile/index.d.ts

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

package/cssm/{mobile.js → mobile/index.js}

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-select/cssm/mobile');
 require('@alfalab/core-components-select/cssm/shared');
-require('./field/Component.js');
+require('../field/Component.js');
 require('classnames');
 require('@alfalab/core-components-button/cssm');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./field/index.module.css');
-require('./option/Component.js');
-require('./option/index.module.css');
+require('../field/index.module.css');
+require('../option/Component.js');
+require('../option/index.module.css');
 
 
 

package/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-4cd3936b";
-import { OptionProps as BaseOptionProps } from "../shared-4cd3936b";
+import { OptionShape } from "@alfalab/core-components-select/shared";
+import { OptionProps as BaseOptionProps } from "@alfalab/core-components-select/shared";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/cssm/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { getIcon } from "../utils/index";
+export * from "../types";

package/cssm/{shared.js → shared/index.js}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils_index = require('./utils/index.js');
+var utils_index = require('../utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');