@alfalab/core-components-custom-picker-button 1.0.5 → 1.0.7

package/Component-2aef4eba.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
+import { ButtonProps } from "./index-ebda875c";
+import { BaseSelectProps } from "./index-3e68f8db";
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+type PickerButtonVariant = 'default' | 'compact';
+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] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
+};
+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] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/Component-3885b0d7.d.ts

@@ -1,6 +1,71 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-ebda875c";
-export { NavigationBar };
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-b2c0420d";
+export { SelectMobileProps, BaseSelectMobile };

package/Component-3e68f8db.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { FC, SVGProps } from 'react';
+import React from 'react';
+import { FC, SVGProps } from "react";
 import { OptionShape } from "./typings-5e1b8383";
 import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
         icon?: FC<SVGProps<SVGSVGElement>>;
     };
 };
-declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
 export { Option };

package/Component-5e1b8383.d.ts

@@ -1,15 +1,5 @@
 /// <reference types="react" />
-import { FC, SVGProps } from "react";
-import { PickerButtonSize, PickerButtonVariant } from "./index-63be8597";
-import { ButtonProps } from "./index-ebda875c";
-import { FieldProps as BaseFieldProps } from "./typings-5e1b8383";
-import { PickerButtonSize as PickerButtonSize$0 } from "./Component-3e68f8db";
-import { PickerButtonVariant as PickerButtonVariant$0 } from "./Component-3e68f8db";
-declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
-type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
-    buttonSize?: PickerButtonSize$0;
-    buttonVariant?: PickerButtonVariant$0;
-    showArrow?: boolean;
-};
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
-export { getIcon, Field };
+import React from 'react';
+import { CheckmarkProps } from "./typings-5e1b8383";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
+export { BaseCheckmark };

package/{Component.mobile-3e68f8db.d.ts → Component.mobile-ae13210f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
 declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonMobileProps, PickerButtonMobile };

package/Component.responsive-2aef4eba.d.ts

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

package/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { CustomButtonProps } from "@alfalab/core-components-custom-button";
-import { PickerButtonDesktopProps } from "./index-63be8597";
+import { PickerButtonDesktopProps } from "./index-2aef4eba";
 import { AdditionalMobileProps } from "./index-3e68f8db";
 import { CustomPickerButtonDesktopProps } from "./Component.desktop";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';

package/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-3441be57";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/cssm/Component-3e68f8db.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { FC, SVGProps } from 'react';
+import React from 'react';
+import { FC, SVGProps } from "react";
 import { OptionShape } from "./typings-5e1b8383";
 import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
         icon?: FC<SVGProps<SVGSVGElement>>;
     };
 };
-declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
 export { Option };

package/cssm/Component-5e1b8383.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "./typings-5e1b8383";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
 export { BaseCheckmark };

package/cssm/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
+import { BottomSheetProps } from "./types-3441be57";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/cssm/field/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CustomButtonProps } from "@alfalab/core-components-custom-button";
 import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
 import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
     buttonVariant?: PickerButtonVariant;
     showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
 export { Field };

package/cssm/index-3e68f8db.d.ts

@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
     Option?: React.FC<OptionProps>;
 };
 declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: OptionProps) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/{modern/types-fae20163.d.ts → cssm/types-3441be57.d.ts}

@@ -219,5 +219,21 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/esm/Component-3e68f8db.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { FC, SVGProps } from 'react';
+import React from 'react';
+import { FC, SVGProps } from "react";
 import { OptionShape } from "./typings-5e1b8383";
 import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
         icon?: FC<SVGProps<SVGSVGElement>>;
     };
 };
-declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
 export { Option };

package/esm/Component-5e1b8383.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "./typings-5e1b8383";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
 export { BaseCheckmark };

package/esm/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
+import { BottomSheetProps } from "./types-3441be57";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/esm/field/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CustomButtonProps } from "@alfalab/core-components-custom-button";
 import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
 import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
     buttonVariant?: PickerButtonVariant;
     showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
 export { Field };

package/esm/field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '@alfalab/core-components-custom-button/esm';
 import { getIcon } from '@alfalab/core-components-picker-button/esm';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1otdn","addonsContainer":"custom-picker-button__addonsContainer_1otdn","showControlIcon":"custom-picker-button__showControlIcon_1otdn","open":"custom-picker-button__open_1otdn"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1207y */
+/* hash: tncvo */
 :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,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_o94x9 {
+} .custom-picker-button__iconContainer_1otdn {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_o94x9 {
+} .custom-picker-button__addonsContainer_1otdn {
     display: flex
-} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
+} .custom-picker-button__addonsContainer_1otdn.custom-picker-button__showControlIcon_1otdn {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_o94x9 {
+    } .custom-picker-button__open_1otdn {
     transform: var(--arrow-transform);
 }

package/esm/index-3e68f8db.d.ts

@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
     Option?: React.FC<OptionProps>;
 };
 declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: OptionProps) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/{cssm/types-fae20163.d.ts → esm/types-3441be57.d.ts}

@@ -219,5 +219,21 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/field/Component.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
+import React from 'react';
 import { CustomButtonProps } from "@alfalab/core-components-custom-button";
-import { PickerButtonSize, PickerButtonVariant } from "../index-63be8597";
+import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
 import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
 type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;
     showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
 export { Field };

package/field/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1otdn","addonsContainer":"custom-picker-button__addonsContainer_1otdn","showControlIcon":"custom-picker-button__showControlIcon_1otdn","open":"custom-picker-button__open_1otdn"};
 require('./index.css')
 
 var Field = function (_a) {

package/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1207y */
+/* hash: tncvo */
 :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,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_o94x9 {
+} .custom-picker-button__iconContainer_1otdn {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_o94x9 {
+} .custom-picker-button__addonsContainer_1otdn {
     display: flex
-} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
+} .custom-picker-button__addonsContainer_1otdn.custom-picker-button__showControlIcon_1otdn {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_o94x9 {
+    } .custom-picker-button__open_1otdn {
     transform: var(--arrow-transform);
 }

package/hook-3e68f8db.d.ts

@@ -41,7 +41,7 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-5e1b8383").FooterProps> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
         Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
         headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;

package/index-2aef4eba.d.ts

@@ -0,0 +1,5 @@
+export * from "./Component.responsive-2aef4eba";
+export { PickerButtonResponsive as PickerButton };
+export type { PickerButtonResponsiveProps as PickerButtonProps };
+export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-2aef4eba";
+export { getIcon } from "./index-701e77da";

package/index-3e68f8db.d.ts

@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
     Option?: React.FC<OptionProps>;
 };
 declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: OptionProps) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;
@@ -93,6 +93,7 @@ type SkeletonProps = {
 declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./index-ebda875c";
+export * from "./Component-3885b0d7";
 export * from "./Component-5e1b8383";
 export * from "./hook-3e68f8db";
 export * from "./typings-5e1b8383";

package/index-3ebe4754.d.ts

@@ -0,0 +1 @@
+export * from "./Component-3ebe4754";

package/index-701e77da.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from 'react';
+import { PickerButtonSize, PickerButtonVariant } from "./index-2aef4eba";
+declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
+export { getIcon };

package/index-ebda875c.d.ts

@@ -1,3 +1,37 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-3e68f8db";
+import React from "react";
+import { ButtonHTMLAttributes, ElementType, FC } from "react";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    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>;
+export { CloserProps, Closer };
+export * from "./Component-ebda875c";

package/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/modern/Component-3e68f8db.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { FC, SVGProps } from 'react';
+import React from 'react';
+import { FC, SVGProps } from "react";
 import { OptionShape } from "./typings-5e1b8383";
 import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
         icon?: FC<SVGProps<SVGSVGElement>>;
     };
 };
-declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
 export { Option };

package/modern/Component-5e1b8383.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "./typings-5e1b8383";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
 export { BaseCheckmark };

package/modern/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
+import { BottomSheetProps } from "./types-3441be57";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/modern/field/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CustomButtonProps } from "@alfalab/core-components-custom-button";
 import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
 import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
     buttonVariant?: PickerButtonVariant;
     showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
 export { Field };

package/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '@alfalab/core-components-custom-button/modern';
 import { getIcon } from '@alfalab/core-components-picker-button/modern';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_1otdn","addonsContainer":"custom-picker-button__addonsContainer_1otdn","showControlIcon":"custom-picker-button__showControlIcon_1otdn","open":"custom-picker-button__open_1otdn"};
 require('./index.css')
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1207y */
+/* hash: tncvo */
 :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,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_o94x9 {
+} .custom-picker-button__iconContainer_1otdn {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_o94x9 {
+} .custom-picker-button__addonsContainer_1otdn {
     display: flex
-} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
+} .custom-picker-button__addonsContainer_1otdn.custom-picker-button__showControlIcon_1otdn {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_o94x9 {
+    } .custom-picker-button__open_1otdn {
     transform: var(--arrow-transform);
 }

package/modern/index-3e68f8db.d.ts

@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
     Option?: React.FC<OptionProps>;
 };
 declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: OptionProps) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/{esm/types-fae20163.d.ts → modern/types-3441be57.d.ts}

@@ -219,5 +219,21 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/package.json

@@ -1,14 +1,11 @@
 {
     "name": "@alfalab/core-components-custom-picker-button",
-    "version": "1.0.5",
+    "version": "1.0.7",
     "description": "Custom picker button component",
     "keywords": [],
     "license": "MIT",
     "main": "index.js",
     "module": "./esm/index.js",
-    "scripts": {
-        "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
-    },
     "publishConfig": {
         "access": "public",
         "directory": "dist"
@@ -18,9 +15,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-picker-button": "^10.3.28",
-        "@alfalab/core-components-custom-button": "^3.2.1",
-        "@alfalab/core-components-mq": "^4.1.4",
+        "@alfalab/core-components-picker-button": "^10.3.30",
+        "@alfalab/core-components-custom-button": "^3.2.2",
+        "@alfalab/core-components-mq": "^4.1.5",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     }

package/{types-425c8522.d.ts → types-3441be57.d.ts}

@@ -219,5 +219,21 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/index-63be8597.d.ts

@@ -1,4 +0,0 @@
-export { PickerButtonResponsive as PickerButton } from "packages/picker-button/src/responsive";
-export type { PickerButtonResponsiveProps as PickerButtonProps } from "packages/picker-button/src/responsive";
-export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-3e68f8db";
-export { getIcon } from "./Component-5e1b8383";

package/send-stats.js

@@ -1,82 +0,0 @@
-const http = require('http');
-const fs = require('fs');
-const { promisify } = require('util');
-const path = require('path');
-
-const readFile = promisify(fs.readFile);
-
-async function main() {
-    const remoteHost = process.env.NIS_HOST || 'digital';
-    const remotePort = process.env.NIS_PORT || 80;
-    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
-
-    try {
-        const [_, node, os, arch] =
-            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
-        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
-        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
-
-        let ownPackageJson, packageJson;
-
-        try {
-            const result = await Promise.all([
-                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
-                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
-            ]);
-
-            ownPackageJson = JSON.parse(result[0]);
-            packageJson = JSON.parse(result[1]);
-        } catch (err) {
-            ownPackageJson = '';
-            packageJson = '';
-        }
-
-        const data = {
-            node,
-            npm,
-            yarn,
-            os,
-            arch,
-            ownPackageJson: JSON.stringify(ownPackageJson),
-            packageJson: JSON.stringify(packageJson),
-        };
-
-        const body = JSON.stringify(data);
-
-        const options = {
-            host: remoteHost,
-            port: remotePort,
-            path: remotePath,
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Content-Length': body.length,
-            },
-        };
-
-        return new Promise((resolve, reject) => {
-            const req = http.request(options, (res) => {
-                res.on('end', () => {
-                    resolve();
-                });
-            });
-
-            req.on('error', () => {
-                reject();
-            });
-
-            req.write(body);
-            req.end();
-        });
-    } catch (error) {
-        throw error;
-    }
-}
-
-main()
-    .then(() => {
-        process.exit(0);
-    })
-    .catch(() => {
-        process.exit(0);
-    });