@alfalab/core-components-picker-button 11.1.9 → 11.2.0

package/Component-5cb54b98.d.ts

@@ -0,0 +1,220 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean | undefined;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/Component.desktop.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps } from "./shared-4cd3936b";
+import { BaseSelectProps } from "@alfalab/core-components-select/shared";
 import { PickerButtonSize, PickerButtonVariant } from "./types";
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<BaseSelectProps['options'][0] & {

package/Component.desktop.js

@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_kzg9i","optionsPopover":"picker-button__optionsPopover_kzg9i","sideGap":"picker-button__sideGap_kzg9i","option":"picker-button__option_kzg9i"};
+var styles = {"container":"picker-button__container_19ryi","optionsPopover":"picker-button__optionsPopover_19ryi","sideGap":"picker-button__sideGap_19ryi","option":"picker-button__option_19ryi"};
 require('./index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
+import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

package/Component.responsive-3109f463.d.ts

@@ -22,5 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-10db897e";
+export * from "./Component-5cb54b98";
 export { FormControlProps, FormControl };

package/Component.responsive.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "@alfalab/core-components-button";
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
+import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     /**
@@ -11,8 +11,8 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & 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" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<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;

package/browser-a216f694.d.ts

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

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

@@ -0,0 +1,220 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean | undefined;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/cssm/Component.desktop.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps } from "./shared-4cd3936b";
+import { BaseSelectProps } from "@alfalab/core-components-select/shared";
 import { PickerButtonSize, PickerButtonVariant } from "./types";
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<BaseSelectProps['options'][0] & {

package/cssm/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
+import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

package/cssm/Component.responsive-3109f463.d.ts

@@ -22,5 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-10db897e";
+export * from "./Component-5cb54b98";
 export { FormControlProps, FormControl };

package/cssm/Component.responsive.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "@alfalab/core-components-button";
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
+import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     /**
@@ -11,8 +11,8 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & 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" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<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;

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,22 @@
 
 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-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');