@alfalab/core-components 47.3.0-beta.0 → 47.3.0-beta.1

package/picker-button/Component-2f466837.d.ts

@@ -0,0 +1,168 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+type Align = 'start' | 'center';
+type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     * @description s и m deprecated, используйте вместо них 20 и 24 соответственно
+     */
+    size?: 's' | 'm' | 20 | 24;
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: RefObject<HTMLInputElement>;
+    /**
+     * Пропсы для label
+     */
+    labelProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean | undefined;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     * @description s и m deprecated, используйте вместо них 20 и 24 соответственно
+     */
+    size?: "s" | "m" | 24 | 20 | undefined;
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string | undefined;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: Align | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean | undefined;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
+    /**
+     * Пропсы для label
+     */
+    labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { CheckboxProps, Checkbox };

package/picker-button/Component.responsive.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/picker-button/Context-c2e6f1b2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "./index-11f20b2e";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/picker-button/cssm/Component-2f466837.d.ts

@@ -0,0 +1,168 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+type Align = 'start' | 'center';
+type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     * @description s и m deprecated, используйте вместо них 20 и 24 соответственно
+     */
+    size?: 's' | 'm' | 20 | 24;
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: RefObject<HTMLInputElement>;
+    /**
+     * Пропсы для label
+     */
+    labelProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean | undefined;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     * @description s и m deprecated, используйте вместо них 20 и 24 соответственно
+     */
+    size?: "s" | "m" | 24 | 20 | undefined;
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string | undefined;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: Align | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean | undefined;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
+    /**
+     * Пропсы для label
+     */
+    labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { CheckboxProps, Checkbox };

package/picker-button/cssm/Component.responsive.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/picker-button/cssm/Context-c2e6f1b2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "./index-11f20b2e";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/picker-button/cssm/index-064acd29.d.ts

@@ -0,0 +1,13 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType };

package/picker-button/cssm/index-11f20b2e.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC, RefObject } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -190,10 +190,6 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -215,5 +211,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, lockScroll, unlockScroll, syncHeight, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, lockScroll, unlockScroll, syncHeight, StackProps, Stack, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/cssm/index-2f466837.d.ts

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-064acd29";
+/* 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 function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+declare const exhaustiveCheck: (value: never) => never;
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck, PortalContext };
+export * from "./browser-a216f694";

package/picker-button/cssm/mobile/Component.mobile.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var mobile = require('../../../select/cssm/mobile');
 var shared = require('../../../select/cssm/shared');
-var coreComponentsShared = require('../../../shared/cssm');
 var field_Component = require('../field/Component.js');
 var option_Component = require('../option/Component.js');
 
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonMobile = React.forwardRef(function (_a, ref) {
-    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, icon = _a.icon, _g = _a.breakpoint, breakpoint = _g === void 0 ? coreComponentsShared.getComponentBreakpoint() : _g, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "icon", "breakpoint"]);
+    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, icon = _a.icon, _g = _a.breakpoint, breakpoint = _g === void 0 ? 1024 : _g, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "icon", "breakpoint"]);
     var fieldDefaultProps = {
         view: view,
         loading: loading,

package/picker-button/cssm/types-a870d1f8.d.ts

@@ -0,0 +1,117 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
+type NavigationBarPrivateProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: ReactNode;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: 'default' | 'compact';
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: Omit<BackArrowAddonProps, 'view' | 'textOpacity' | 'onClick'>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps['onClose'];
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: 'desktop' | 'mobile';
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+type ContentParams = {
+    extraClassName?: string;
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarPrivateProps, ContentParams };