@alfalab/core-components-picker-button 8.2.0 → 8.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.d.ts +1 -1
- package/Component.js +2 -2
- package/Component.mobile.js +1 -1
- package/Component.responsive.d.ts +1 -1
- package/Component.responsive.js +1 -1
- package/cssm/Component.d.ts +1 -1
- package/cssm/Component.responsive.d.ts +1 -1
- package/cssm/field/Component.d.ts +1 -1
- package/cssm/option/Component.d.ts +2 -2
- package/cssm/{typings-177c0b55.d.ts → typings-7d13aca1.d.ts} +4 -0
- package/desktop.js +1 -1
- package/esm/Component.d.ts +1 -1
- package/esm/Component.js +2 -2
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.responsive.d.ts +1 -1
- package/esm/Component.responsive.js +1 -1
- package/esm/desktop.js +1 -1
- package/esm/field/Component.d.ts +1 -1
- package/esm/field/Component.js +2 -2
- package/esm/field/index.css +3 -3
- package/esm/field/index.js +1 -1
- package/esm/index.css +6 -6
- package/esm/index.js +1 -1
- package/esm/mobile.js +1 -1
- package/esm/option/Component.d.ts +2 -2
- package/esm/option/Component.js +2 -2
- package/esm/option/index.css +4 -4
- package/esm/option/index.js +1 -1
- package/esm/{tslib.es6-31c36acb.d.ts → tslib.es6-d5643acc.d.ts} +0 -0
- package/esm/{tslib.es6-31c36acb.js → tslib.es6-d5643acc.js} +0 -0
- package/{modern/typings-177c0b55.d.ts → esm/typings-7d13aca1.d.ts} +4 -0
- package/field/Component.d.ts +1 -1
- package/field/Component.js +2 -2
- package/field/index.css +3 -3
- package/field/index.js +1 -1
- package/index.css +6 -6
- package/index.js +1 -1
- package/mobile.js +1 -1
- package/modern/Component.d.ts +1 -1
- package/modern/Component.js +1 -1
- package/modern/Component.responsive.d.ts +1 -1
- package/modern/field/Component.d.ts +1 -1
- package/modern/field/Component.js +1 -1
- package/modern/field/index.css +3 -3
- package/modern/index.css +6 -6
- package/modern/option/Component.d.ts +2 -2
- package/modern/option/Component.js +1 -1
- package/modern/option/index.css +4 -4
- package/{typings-177c0b55.d.ts → modern/typings-7d13aca1.d.ts} +4 -0
- package/option/Component.d.ts +2 -2
- package/option/Component.js +2 -2
- package/option/index.css +4 -4
- package/option/index.js +1 -1
- package/package.json +3 -3
- package/{tslib.es6-897dd50d.d.ts → tslib.es6-77ab672a.d.ts} +0 -0
- package/{tslib.es6-897dd50d.js → tslib.es6-77ab672a.js} +0 -0
- package/{esm/typings-177c0b55.d.ts → typings-7d13aca1.d.ts} +4 -0
package/Component.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
|
|
|
21
21
|
*/
|
|
22
22
|
variant?: PickerButtonVariant;
|
|
23
23
|
};
|
|
24
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").
|
|
24
|
+
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
25
25
|
options: (OptionShape & {
|
|
26
26
|
/**
|
|
27
27
|
* Иконка, отображающаяся слева от текстового представления пункта
|
package/Component.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('./tslib.es6-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-77ab672a.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
8
8
|
var cn = require('classnames');
|
|
@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
21
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
22
22
|
|
|
23
|
-
var styles = {"container":"picker-
|
|
23
|
+
var styles = {"container":"picker-button__container_txvx3","optionsPopover":"picker-button__optionsPopover_txvx3","sideGap":"picker-button__sideGap_txvx3","optionsListContainer":"picker-button__optionsListContainer_txvx3","option":"picker-button__option_txvx3"};
|
|
24
24
|
require('./index.css')
|
|
25
25
|
|
|
26
26
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/Component.mobile.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('./tslib.es6-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-77ab672a.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
8
8
|
require('classnames');
|
|
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
|
|
|
10
10
|
*/
|
|
11
11
|
breakpoint?: number;
|
|
12
12
|
};
|
|
13
|
-
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("
|
|
13
|
+
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
14
14
|
options: (import("@alfalab/core-components-select").OptionShape & {
|
|
15
15
|
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
16
16
|
})[];
|
package/Component.responsive.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('./tslib.es6-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-77ab672a.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('@alfalab/core-components-select');
|
|
8
8
|
require('classnames');
|
package/cssm/Component.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
|
|
|
21
21
|
*/
|
|
22
22
|
variant?: PickerButtonVariant;
|
|
23
23
|
};
|
|
24
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").
|
|
24
|
+
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
25
25
|
options: (OptionShape & {
|
|
26
26
|
/**
|
|
27
27
|
* Иконка, отображающаяся слева от текстового представления пункта
|
|
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
|
|
|
10
10
|
*/
|
|
11
11
|
breakpoint?: number;
|
|
12
12
|
};
|
|
13
|
-
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("
|
|
13
|
+
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
14
14
|
options: (import("@alfalab/core-components-select").OptionShape & {
|
|
15
15
|
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
16
16
|
})[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
3
|
-
import { FieldProps as BaseFieldProps } from "../typings-
|
|
3
|
+
import { FieldProps as BaseFieldProps } from "../typings-7d13aca1";
|
|
4
4
|
import { PickerButtonSize, PickerButtonVariant } from "../Component";
|
|
5
5
|
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FC, SVGProps } from 'react';
|
|
3
|
-
import { OptionShape } from "../typings-
|
|
4
|
-
import { OptionProps as BaseOptionProps } from "../typings-
|
|
3
|
+
import { OptionShape } from "../typings-7d13aca1";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
@@ -390,6 +390,10 @@ type OptionShape = {
|
|
|
390
390
|
* Блокирует данный пункт для выбора
|
|
391
391
|
*/
|
|
392
392
|
disabled?: boolean;
|
|
393
|
+
/**
|
|
394
|
+
* Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
|
|
395
|
+
*/
|
|
396
|
+
showCheckMark?: boolean;
|
|
393
397
|
/**
|
|
394
398
|
* Дополнительные данные
|
|
395
399
|
*/
|
package/desktop.js
CHANGED
package/esm/Component.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
|
|
|
21
21
|
*/
|
|
22
22
|
variant?: PickerButtonVariant;
|
|
23
23
|
};
|
|
24
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").
|
|
24
|
+
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
25
25
|
options: (OptionShape & {
|
|
26
26
|
/**
|
|
27
27
|
* Иконка, отображающаяся слева от текстового представления пункта
|
package/esm/Component.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-d5643acc.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import cn from 'classnames';
|
|
@@ -11,7 +11,7 @@ import './utils/index.js';
|
|
|
11
11
|
import { Field } from './field/Component.js';
|
|
12
12
|
import { Option } from './option/Component.js';
|
|
13
13
|
|
|
14
|
-
var styles = {"container":"picker-
|
|
14
|
+
var styles = {"container":"picker-button__container_txvx3","optionsPopover":"picker-button__optionsPopover_txvx3","sideGap":"picker-button__sideGap_txvx3","optionsListContainer":"picker-button__optionsListContainer_txvx3","option":"picker-button__option_txvx3"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/esm/Component.mobile.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-d5643acc.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { SelectMobile, Optgroup } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import 'classnames';
|
|
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
|
|
|
10
10
|
*/
|
|
11
11
|
breakpoint?: number;
|
|
12
12
|
};
|
|
13
|
-
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("
|
|
13
|
+
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
14
14
|
options: (import("@alfalab/core-components-select").OptionShape & {
|
|
15
15
|
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
16
16
|
})[];
|
package/esm/desktop.js
CHANGED
package/esm/field/Component.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
3
|
-
import { FieldProps as BaseFieldProps } from "../typings-
|
|
3
|
+
import { FieldProps as BaseFieldProps } from "../typings-7d13aca1";
|
|
4
4
|
import { PickerButtonSize, PickerButtonVariant } from "../Component";
|
|
5
5
|
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
package/esm/field/Component.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from '../tslib.es6-d5643acc.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { Button } from '@alfalab/core-components-button/esm';
|
|
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
|
|
|
8
8
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
9
9
|
import { getIcon } from '../utils/index.js';
|
|
10
10
|
|
|
11
|
-
var styles = {"iconContainer":"picker-
|
|
11
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1snhs","open":"picker-button__open_1snhs"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var Field = function (_a) {
|
package/esm/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: cnuqk */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--arrow-transform: rotate(180deg);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__iconContainer_1snhs {
|
|
14
14
|
display: flex;
|
|
15
15
|
transition: transform 0.15s ease-in-out;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__open_1snhs {
|
|
18
18
|
transform: var(--arrow-transform);
|
|
19
19
|
}
|
package/esm/field/index.js
CHANGED
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 185ao */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -14,18 +14,18 @@
|
|
|
14
14
|
:root {
|
|
15
15
|
--border-radius-s: 4px;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__container_txvx3 {
|
|
18
18
|
min-width: auto;
|
|
19
19
|
}
|
|
20
|
-
.cc-picker-button.picker-
|
|
20
|
+
.cc-picker-button.picker-button__optionsPopover_txvx3 {
|
|
21
21
|
padding: var(--gap-xs) 0
|
|
22
22
|
}
|
|
23
|
-
.cc-picker-button.picker-
|
|
23
|
+
.cc-picker-button.picker-button__optionsPopover_txvx3.picker-button__sideGap_txvx3 {
|
|
24
24
|
padding: 0 var(--gap-xs);
|
|
25
25
|
}
|
|
26
|
-
.cc-picker-button .picker-
|
|
26
|
+
.cc-picker-button .picker-button__optionsListContainer_txvx3 {
|
|
27
27
|
border-radius: var(--border-radius-s);
|
|
28
28
|
}
|
|
29
|
-
.cc-picker-button .picker-
|
|
29
|
+
.cc-picker-button .picker-button__option_txvx3 {
|
|
30
30
|
padding: 0 var(--gap-m);
|
|
31
31
|
}
|
package/esm/index.js
CHANGED
package/esm/mobile.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FC, SVGProps } from 'react';
|
|
3
|
-
import { OptionShape } from "../typings-
|
|
4
|
-
import { OptionProps as BaseOptionProps } from "../typings-
|
|
3
|
+
import { OptionShape } from "../typings-7d13aca1";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
package/esm/option/Component.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from '../tslib.es6-d5643acc.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Option as Option$1 } from '@alfalab/core-components-select/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_1jrdm","icon":"picker-button__icon_1jrdm","content":"picker-button__content_1jrdm"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Option = function (_a) {
|
package/esm/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: b2neq */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--gap-s: 12px;
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__container_1jrdm {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__icon_1jrdm {
|
|
18
18
|
display: flex;
|
|
19
19
|
margin-right: var(--gap-s);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__content_1jrdm {
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
flex: 1;
|
|
24
24
|
text-overflow: ellipsis;
|
package/esm/option/index.js
CHANGED
|
File without changes
|
|
File without changes
|
|
@@ -390,6 +390,10 @@ type OptionShape = {
|
|
|
390
390
|
* Блокирует данный пункт для выбора
|
|
391
391
|
*/
|
|
392
392
|
disabled?: boolean;
|
|
393
|
+
/**
|
|
394
|
+
* Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
|
|
395
|
+
*/
|
|
396
|
+
showCheckMark?: boolean;
|
|
393
397
|
/**
|
|
394
398
|
* Дополнительные данные
|
|
395
399
|
*/
|
package/field/Component.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
3
|
-
import { FieldProps as BaseFieldProps } from "../typings-
|
|
3
|
+
import { FieldProps as BaseFieldProps } from "../typings-7d13aca1";
|
|
4
4
|
import { PickerButtonSize, PickerButtonVariant } from "../Component";
|
|
5
5
|
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
package/field/Component.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-77ab672a.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var coreComponentsButton = require('@alfalab/core-components-button');
|
|
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
18
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
19
19
|
|
|
20
|
-
var styles = {"iconContainer":"picker-
|
|
20
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1snhs","open":"picker-button__open_1snhs"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
23
|
var Field = function (_a) {
|
package/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: cnuqk */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--arrow-transform: rotate(180deg);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__iconContainer_1snhs {
|
|
14
14
|
display: flex;
|
|
15
15
|
transition: transform 0.15s ease-in-out;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__open_1snhs {
|
|
18
18
|
transform: var(--arrow-transform);
|
|
19
19
|
}
|
package/field/index.js
CHANGED
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 185ao */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -14,18 +14,18 @@
|
|
|
14
14
|
:root {
|
|
15
15
|
--border-radius-s: 4px;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__container_txvx3 {
|
|
18
18
|
min-width: auto;
|
|
19
19
|
}
|
|
20
|
-
.cc-picker-button.picker-
|
|
20
|
+
.cc-picker-button.picker-button__optionsPopover_txvx3 {
|
|
21
21
|
padding: var(--gap-xs) 0
|
|
22
22
|
}
|
|
23
|
-
.cc-picker-button.picker-
|
|
23
|
+
.cc-picker-button.picker-button__optionsPopover_txvx3.picker-button__sideGap_txvx3 {
|
|
24
24
|
padding: 0 var(--gap-xs);
|
|
25
25
|
}
|
|
26
|
-
.cc-picker-button .picker-
|
|
26
|
+
.cc-picker-button .picker-button__optionsListContainer_txvx3 {
|
|
27
27
|
border-radius: var(--border-radius-s);
|
|
28
28
|
}
|
|
29
|
-
.cc-picker-button .picker-
|
|
29
|
+
.cc-picker-button .picker-button__option_txvx3 {
|
|
30
30
|
padding: 0 var(--gap-m);
|
|
31
31
|
}
|
package/index.js
CHANGED
package/mobile.js
CHANGED
package/modern/Component.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
|
|
|
21
21
|
*/
|
|
22
22
|
variant?: PickerButtonVariant;
|
|
23
23
|
};
|
|
24
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").
|
|
24
|
+
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
25
25
|
options: (OptionShape & {
|
|
26
26
|
/**
|
|
27
27
|
* Иконка, отображающаяся слева от текстового представления пункта
|
package/modern/Component.js
CHANGED
|
@@ -10,7 +10,7 @@ import './utils/index.js';
|
|
|
10
10
|
import { Field } from './field/Component.js';
|
|
11
11
|
import { Option } from './option/Component.js';
|
|
12
12
|
|
|
13
|
-
var styles = {"container":"picker-
|
|
13
|
+
var styles = {"container":"picker-button__container_txvx3","optionsPopover":"picker-button__optionsPopover_txvx3","sideGap":"picker-button__sideGap_txvx3","optionsListContainer":"picker-button__optionsListContainer_txvx3","option":"picker-button__option_txvx3"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
|
|
|
10
10
|
*/
|
|
11
11
|
breakpoint?: number;
|
|
12
12
|
};
|
|
13
|
-
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("
|
|
13
|
+
declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
14
14
|
options: (import("@alfalab/core-components-select").OptionShape & {
|
|
15
15
|
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
16
16
|
})[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from "@alfalab/core-components-button";
|
|
3
|
-
import { FieldProps as BaseFieldProps } from "../typings-
|
|
3
|
+
import { FieldProps as BaseFieldProps } from "../typings-7d13aca1";
|
|
4
4
|
import { PickerButtonSize, PickerButtonVariant } from "../Component";
|
|
5
5
|
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
|
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
|
|
|
7
7
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
8
8
|
import { getIcon } from '../utils/index.js';
|
|
9
9
|
|
|
10
|
-
var styles = {"iconContainer":"picker-
|
|
10
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1snhs","open":"picker-button__open_1snhs"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }) => {
|
package/modern/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: cnuqk */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--arrow-transform: rotate(180deg);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__iconContainer_1snhs {
|
|
14
14
|
display: flex;
|
|
15
15
|
transition: transform 0.15s ease-in-out;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__open_1snhs {
|
|
18
18
|
transform: var(--arrow-transform);
|
|
19
19
|
}
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 185ao */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -14,18 +14,18 @@
|
|
|
14
14
|
:root {
|
|
15
15
|
--border-radius-s: 4px;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__container_txvx3 {
|
|
18
18
|
min-width: auto;
|
|
19
19
|
}
|
|
20
|
-
.cc-picker-button.picker-
|
|
20
|
+
.cc-picker-button.picker-button__optionsPopover_txvx3 {
|
|
21
21
|
padding: var(--gap-xs) 0
|
|
22
22
|
}
|
|
23
|
-
.cc-picker-button.picker-
|
|
23
|
+
.cc-picker-button.picker-button__optionsPopover_txvx3.picker-button__sideGap_txvx3 {
|
|
24
24
|
padding: 0 var(--gap-xs);
|
|
25
25
|
}
|
|
26
|
-
.cc-picker-button .picker-
|
|
26
|
+
.cc-picker-button .picker-button__optionsListContainer_txvx3 {
|
|
27
27
|
border-radius: var(--border-radius-s);
|
|
28
28
|
}
|
|
29
|
-
.cc-picker-button .picker-
|
|
29
|
+
.cc-picker-button .picker-button__option_txvx3 {
|
|
30
30
|
padding: 0 var(--gap-m);
|
|
31
31
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FC, SVGProps } from 'react';
|
|
3
|
-
import { OptionShape } from "../typings-
|
|
4
|
-
import { OptionProps as BaseOptionProps } from "../typings-
|
|
3
|
+
import { OptionShape } from "../typings-7d13aca1";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Option as Option$1 } from '@alfalab/core-components-select/modern';
|
|
3
3
|
|
|
4
|
-
var styles = {"container":"picker-
|
|
4
|
+
var styles = {"container":"picker-button__container_1jrdm","icon":"picker-button__icon_1jrdm","content":"picker-button__content_1jrdm"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Option = ({ option, children, ...restProps }) => {
|
package/modern/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: b2neq */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--gap-s: 12px;
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__container_1jrdm {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__icon_1jrdm {
|
|
18
18
|
display: flex;
|
|
19
19
|
margin-right: var(--gap-s);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__content_1jrdm {
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
flex: 1;
|
|
24
24
|
text-overflow: ellipsis;
|
|
@@ -390,6 +390,10 @@ type OptionShape = {
|
|
|
390
390
|
* Блокирует данный пункт для выбора
|
|
391
391
|
*/
|
|
392
392
|
disabled?: boolean;
|
|
393
|
+
/**
|
|
394
|
+
* Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
|
|
395
|
+
*/
|
|
396
|
+
showCheckMark?: boolean;
|
|
393
397
|
/**
|
|
394
398
|
* Дополнительные данные
|
|
395
399
|
*/
|
package/option/Component.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FC, SVGProps } from 'react';
|
|
3
|
-
import { OptionShape } from "../typings-
|
|
4
|
-
import { OptionProps as BaseOptionProps } from "../typings-
|
|
3
|
+
import { OptionShape } from "../typings-7d13aca1";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
package/option/Component.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-77ab672a.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"container":"picker-
|
|
13
|
+
var styles = {"container":"picker-button__container_1jrdm","icon":"picker-button__icon_1jrdm","content":"picker-button__content_1jrdm"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Option = function (_a) {
|
package/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: b2neq */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--gap-s: 12px;
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__container_1jrdm {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__icon_1jrdm {
|
|
18
18
|
display: flex;
|
|
19
19
|
margin-right: var(--gap-s);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__content_1jrdm {
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
flex: 1;
|
|
24
24
|
text-overflow: ellipsis;
|
package/option/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.3",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@alfalab/core-components-button": "^6.0
|
|
22
|
-
"@alfalab/core-components-select": "^12.
|
|
21
|
+
"@alfalab/core-components-button": "^6.1.0",
|
|
22
|
+
"@alfalab/core-components-select": "^12.3.1",
|
|
23
23
|
"@alfalab/icons-classic": "^1.76.0",
|
|
24
24
|
"@alfalab/icons-glyph": "^2.16.0",
|
|
25
25
|
"classnames": "^2.3.1"
|
|
File without changes
|
|
File without changes
|
|
@@ -390,6 +390,10 @@ type OptionShape = {
|
|
|
390
390
|
* Блокирует данный пункт для выбора
|
|
391
391
|
*/
|
|
392
392
|
disabled?: boolean;
|
|
393
|
+
/**
|
|
394
|
+
* Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
|
|
395
|
+
*/
|
|
396
|
+
showCheckMark?: boolean;
|
|
393
397
|
/**
|
|
394
398
|
* Дополнительные данные
|
|
395
399
|
*/
|