@alfalab/core-components-picker-button 11.3.2 → 11.3.3

package/modern/{typings-0816e61d.d.ts → typings-e63ec8aa.d.ts}

@@ -5,8 +5,9 @@ import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, KeyboardEvent,
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-1c79e231";
+import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-72dda473";
+import { BaseInputProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "@alfalab/core-components-popover";
@@ -339,6 +340,10 @@ type BottomSheetProps = {
      * Наличие компонента стрелки назад
      */
     hasBacker?: boolean;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: NavigationBarProps["backButtonProps"];
     /**
      * Выравнивание заголовка
      */
@@ -664,10 +669,6 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-type InputDesktopProps = Omit<BaseInputProps, "FormControlComponent">;
-declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
-type InputMobileProps = Omit<BaseInputProps, "FormControlComponent">;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
 declare const Content: FC<ContentProps>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 type AnyObject = Record<string, any>;
@@ -909,11 +910,11 @@ type BaseSelectProps = {
         name?: string;
     }) => void;
     /**
-     * Обработчик фокуса поля
+     * Обработчик блюра поля
      */
     onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
-     * Обработчик блюра поля
+     * Обработчик фокуса поля
      */
     onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
@@ -1316,5 +1317,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, InputDesktopProps, InputDesktop, InputMobileProps, InputMobile, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, ContentProps as ModalContentProps, SavedStyle };
+export * from "./Component.desktop-63dec22f";
+export * from "./Component.mobile-96988a65";

package/modern/utils-d2597f31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/option/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_5mxve","icon":"picker-button__icon_5mxve","content":"picker-button__content_5mxve"};
+var styles = {"container":"picker-button__container_1j1zu","icon":"picker-button__icon_1j1zu","content":"picker-button__content_1j1zu"};
 require('./index.css')
 
 var Option = function (_a) {

package/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 73h57 */
+/* hash: 18ai8 */
 :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 */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_5mxve {
+} .picker-button__container_1j1zu {
     display: flex;
     align-items: center;
-} .picker-button__icon_5mxve {
+} .picker-button__icon_1j1zu {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_5mxve {
+} .picker-button__content_1j1zu {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "11.3.2",
+    "version": "11.3.3",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -15,8 +15,8 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^10.0.1",
-        "@alfalab/core-components-select": "^16.0.2",
+        "@alfalab/core-components-button": "^10.0.2",
+        "@alfalab/core-components-select": "^16.0.3",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",

package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx}

@@ -10,11 +10,11 @@ import {
     OptionsList as DefaultOptionsList,
 } from '@alfalab/core-components-select/shared';
 
-import { Field as DefaultField } from './field';
-import { Option as DefaultOption } from './option';
-import type { PickerButtonSize, PickerButtonVariant } from './types';
+import { Field as DefaultField } from '../field';
+import { Option as DefaultOption } from '../option';
+import type { PickerButtonSize, PickerButtonVariant } from '../types';
 
-import styles from './index.module.css';
+import styles from '../index.module.css';
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
 

package/src/desktop/index.ts

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

package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx}

@@ -7,9 +7,9 @@ import {
     Optgroup as DefaultOptgroup,
 } from '@alfalab/core-components-select/shared';
 
-import type { PickerButtonDesktopProps } from './desktop';
-import { Field as DefaultField } from './field';
-import { Option as DefaultOption } from './option';
+import type { PickerButtonDesktopProps } from '../desktop';
+import { Field as DefaultField } from '../field';
+import { Option as DefaultOption } from '../option';
 
 export type PickerButtonMobileProps = Omit<
     PickerButtonDesktopProps,

package/src/mobile/index.ts

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

package/{types-1c79e231.d.ts → types-667e33fd.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ReactNode } from "react";
-import { CloserProps } from "./index-ebda875c";
+import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
 type NavigationBarProps = {
     /**
      * Контент шапки
@@ -51,6 +51,10 @@ type NavigationBarProps = {
      * Дополнительный класс для правого аддона
      */
     backButtonClassName?: string;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: Omit<BackArrowAddonProps, 'view' | 'textOpacity' | 'onClick'>;
     /**
      * Дополнительный класс
      */

package/{typings-0816e61d.d.ts → typings-e63ec8aa.d.ts}

@@ -5,8 +5,9 @@ import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, KeyboardEvent,
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-1c79e231";
+import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-72dda473";
+import { BaseInputProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "@alfalab/core-components-popover";
@@ -339,6 +340,10 @@ type BottomSheetProps = {
      * Наличие компонента стрелки назад
      */
     hasBacker?: boolean;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: NavigationBarProps["backButtonProps"];
     /**
      * Выравнивание заголовка
      */
@@ -664,10 +669,6 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-type InputDesktopProps = Omit<BaseInputProps, "FormControlComponent">;
-declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
-type InputMobileProps = Omit<BaseInputProps, "FormControlComponent">;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
 declare const Content: FC<ContentProps>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 type AnyObject = Record<string, any>;
@@ -909,11 +910,11 @@ type BaseSelectProps = {
         name?: string;
     }) => void;
     /**
-     * Обработчик фокуса поля
+     * Обработчик блюра поля
      */
     onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
-     * Обработчик блюра поля
+     * Обработчик фокуса поля
      */
     onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
@@ -1316,5 +1317,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, InputDesktopProps, InputDesktop, InputMobileProps, InputMobile, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, ContentProps as ModalContentProps, SavedStyle };
+export * from "./Component.desktop-63dec22f";
+export * from "./Component.mobile-96988a65";

package/utils-d2597f31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

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

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

package/cssm/index-d7e9f69d.d.ts

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

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

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

package/esm/index-d7e9f69d.d.ts

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

package/index-785df74d.d.ts

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

package/index-d7e9f69d.d.ts

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

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

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

package/modern/index-d7e9f69d.d.ts

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