@alfalab/core-components-picker-button 7.8.5 → 7.9.2
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/CHANGELOG.md +27 -0
- package/dist/Component.js +2 -2
- package/dist/cssm/field/Component.d.ts +1 -1
- package/dist/cssm/option/Component.d.ts +2 -2
- package/dist/cssm/{typings-6a7f75a9.d.ts → typings-b192df8b.d.ts} +9 -8
- package/dist/esm/Component.js +2 -2
- package/dist/esm/field/Component.d.ts +1 -1
- package/dist/esm/field/Component.js +2 -2
- package/dist/esm/field/index.css +3 -3
- package/dist/esm/field/index.js +1 -1
- package/dist/esm/index.css +6 -6
- package/dist/esm/index.js +1 -1
- package/dist/esm/option/Component.d.ts +2 -2
- package/dist/esm/option/Component.js +2 -2
- package/dist/esm/option/index.css +4 -4
- package/dist/esm/option/index.js +1 -1
- package/dist/esm/{tslib.es6-7cd59d2d.d.ts → tslib.es6-b65080a7.d.ts} +0 -0
- package/dist/esm/{tslib.es6-7cd59d2d.js → tslib.es6-b65080a7.js} +0 -0
- package/dist/{modern/typings-6a7f75a9.d.ts → esm/typings-b192df8b.d.ts} +9 -8
- package/dist/field/Component.d.ts +1 -1
- package/dist/field/Component.js +2 -2
- package/dist/field/index.css +3 -3
- package/dist/field/index.js +1 -1
- package/dist/index.css +6 -6
- package/dist/index.js +1 -1
- package/dist/modern/Component.js +1 -1
- package/dist/modern/field/Component.d.ts +1 -1
- package/dist/modern/field/Component.js +1 -1
- package/dist/modern/field/index.css +3 -3
- package/dist/modern/index.css +6 -6
- package/dist/modern/option/Component.d.ts +2 -2
- package/dist/modern/option/Component.js +1 -1
- package/dist/modern/option/index.css +4 -4
- package/dist/{typings-6a7f75a9.d.ts → modern/typings-b192df8b.d.ts} +9 -8
- package/dist/option/Component.d.ts +2 -2
- package/dist/option/Component.js +2 -2
- package/dist/option/index.css +4 -4
- package/dist/option/index.js +1 -1
- package/dist/{tslib.es6-75fef292.d.ts → tslib.es6-0220b12b.d.ts} +0 -0
- package/dist/{tslib.es6-75fef292.js → tslib.es6-0220b12b.js} +0 -0
- package/dist/{esm/typings-6a7f75a9.d.ts → typings-b192df8b.d.ts} +9 -8
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [7.9.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-picker-button@7.9.1...@alfalab/core-components-picker-button@7.9.2) (2022-06-30)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @alfalab/core-components-picker-button
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [7.9.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-picker-button@7.9.0...@alfalab/core-components-picker-button@7.9.1) (2022-06-29)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @alfalab/core-components-picker-button
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [7.9.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-picker-button@7.8.5...@alfalab/core-components-picker-button@7.9.0) (2022-06-28)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## [7.8.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-picker-button@7.8.4...@alfalab/core-components-picker-button@7.8.5) (2022-06-24)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @alfalab/core-components-picker-button
|
package/dist/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-0220b12b.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
@@ -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_e5jte","optionsPopover":"picker-button__optionsPopover_e5jte","sideGap":"picker-button__sideGap_e5jte","optionsListContainer":"picker-button__optionsListContainer_e5jte","option":"picker-button__option_e5jte"};
|
|
24
24
|
require('./index.css')
|
|
25
25
|
|
|
26
26
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -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-b192df8b";
|
|
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-b192df8b";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-b192df8b";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
@@ -405,6 +405,12 @@ type GroupShape = {
|
|
|
405
405
|
*/
|
|
406
406
|
options: OptionShape[];
|
|
407
407
|
};
|
|
408
|
+
type BaseSelectChangePayload = {
|
|
409
|
+
selected: OptionShape | null;
|
|
410
|
+
selectedMultiple: OptionShape[];
|
|
411
|
+
initiator: OptionShape | null;
|
|
412
|
+
name?: string;
|
|
413
|
+
};
|
|
408
414
|
type BaseSelectProps = {
|
|
409
415
|
/**
|
|
410
416
|
* Идентификатор для систем автоматизированного тестирования
|
|
@@ -574,12 +580,7 @@ type BaseSelectProps = {
|
|
|
574
580
|
/**
|
|
575
581
|
* Обработчик выбора
|
|
576
582
|
*/
|
|
577
|
-
onChange?: (payload:
|
|
578
|
-
selected: OptionShape | null;
|
|
579
|
-
selectedMultiple: OptionShape[];
|
|
580
|
-
initiator: OptionShape | null;
|
|
581
|
-
name?: string;
|
|
582
|
-
}) => void;
|
|
583
|
+
onChange?: (payload: BaseSelectChangePayload) => void;
|
|
583
584
|
/**
|
|
584
585
|
* Обработчик открытия\закрытия селекта
|
|
585
586
|
*/
|
|
@@ -766,7 +767,7 @@ type OptionsListProps = {
|
|
|
766
767
|
/**
|
|
767
768
|
* Будет отображаться, если компонент пустой
|
|
768
769
|
*/
|
|
769
|
-
emptyPlaceholder?:
|
|
770
|
+
emptyPlaceholder?: ReactNode;
|
|
770
771
|
/**
|
|
771
772
|
* Количество видимых пунктов меню (5 = 5.5)
|
|
772
773
|
*/
|
|
@@ -905,4 +906,4 @@ type CheckmarkProps = {
|
|
|
905
906
|
*/
|
|
906
907
|
icon?: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
907
908
|
};
|
|
908
|
-
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
|
909
|
+
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
package/dist/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-b65080a7.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/dist/esm';
|
|
@@ -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_e5jte","optionsPopover":"picker-button__optionsPopover_e5jte","sideGap":"picker-button__sideGap_e5jte","optionsListContainer":"picker-button__optionsListContainer_e5jte","option":"picker-button__option_e5jte"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -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-b192df8b";
|
|
4
4
|
import { PickerButtonSize, PickerButtonVariant } from "../Component";
|
|
5
5
|
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from '../tslib.es6-b65080a7.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { Button } from '@alfalab/core-components-button/dist/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_yzo25","open":"picker-button__open_yzo25"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var Field = function (_a) {
|
package/dist/esm/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1gtng */
|
|
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_yzo25 {
|
|
14
14
|
display: flex;
|
|
15
15
|
transition: transform 0.15s ease-in-out;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__open_yzo25 {
|
|
18
18
|
transform: var(--arrow-transform);
|
|
19
19
|
}
|
package/dist/esm/field/index.js
CHANGED
package/dist/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 20jka */
|
|
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_e5jte {
|
|
18
18
|
min-width: auto;
|
|
19
19
|
}
|
|
20
|
-
.picker-
|
|
20
|
+
.picker-button__optionsPopover_e5jte {
|
|
21
21
|
padding: var(--gap-xs) 0
|
|
22
22
|
}
|
|
23
|
-
.picker-
|
|
23
|
+
.picker-button__optionsPopover_e5jte.picker-button__sideGap_e5jte {
|
|
24
24
|
padding: 0 var(--gap-xs);
|
|
25
25
|
}
|
|
26
|
-
.picker-
|
|
26
|
+
.picker-button__optionsListContainer_e5jte {
|
|
27
27
|
border-radius: var(--border-radius-s);
|
|
28
28
|
}
|
|
29
|
-
.picker-
|
|
29
|
+
.picker-button__option_e5jte {
|
|
30
30
|
padding: 0 var(--gap-m);
|
|
31
31
|
}
|
package/dist/esm/index.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-b192df8b";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-b192df8b";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from '../tslib.es6-b65080a7.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Option as Option$1 } from '@alfalab/core-components-select/dist/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_sxdzt","icon":"picker-button__icon_sxdzt","content":"picker-button__content_sxdzt"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Option = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: sm87f */
|
|
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_sxdzt {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__icon_sxdzt {
|
|
18
18
|
display: flex;
|
|
19
19
|
margin-right: var(--gap-s);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__content_sxdzt {
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
flex: 1;
|
|
24
24
|
text-overflow: ellipsis;
|
package/dist/esm/option/index.js
CHANGED
|
File without changes
|
|
File without changes
|
|
@@ -405,6 +405,12 @@ type GroupShape = {
|
|
|
405
405
|
*/
|
|
406
406
|
options: OptionShape[];
|
|
407
407
|
};
|
|
408
|
+
type BaseSelectChangePayload = {
|
|
409
|
+
selected: OptionShape | null;
|
|
410
|
+
selectedMultiple: OptionShape[];
|
|
411
|
+
initiator: OptionShape | null;
|
|
412
|
+
name?: string;
|
|
413
|
+
};
|
|
408
414
|
type BaseSelectProps = {
|
|
409
415
|
/**
|
|
410
416
|
* Идентификатор для систем автоматизированного тестирования
|
|
@@ -574,12 +580,7 @@ type BaseSelectProps = {
|
|
|
574
580
|
/**
|
|
575
581
|
* Обработчик выбора
|
|
576
582
|
*/
|
|
577
|
-
onChange?: (payload:
|
|
578
|
-
selected: OptionShape | null;
|
|
579
|
-
selectedMultiple: OptionShape[];
|
|
580
|
-
initiator: OptionShape | null;
|
|
581
|
-
name?: string;
|
|
582
|
-
}) => void;
|
|
583
|
+
onChange?: (payload: BaseSelectChangePayload) => void;
|
|
583
584
|
/**
|
|
584
585
|
* Обработчик открытия\закрытия селекта
|
|
585
586
|
*/
|
|
@@ -766,7 +767,7 @@ type OptionsListProps = {
|
|
|
766
767
|
/**
|
|
767
768
|
* Будет отображаться, если компонент пустой
|
|
768
769
|
*/
|
|
769
|
-
emptyPlaceholder?:
|
|
770
|
+
emptyPlaceholder?: ReactNode;
|
|
770
771
|
/**
|
|
771
772
|
* Количество видимых пунктов меню (5 = 5.5)
|
|
772
773
|
*/
|
|
@@ -905,4 +906,4 @@ type CheckmarkProps = {
|
|
|
905
906
|
*/
|
|
906
907
|
icon?: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
907
908
|
};
|
|
908
|
-
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
|
909
|
+
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
|
@@ -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-b192df8b";
|
|
4
4
|
import { PickerButtonSize, PickerButtonVariant } from "../Component";
|
|
5
5
|
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
package/dist/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-0220b12b.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_yzo25","open":"picker-button__open_yzo25"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
23
|
var Field = function (_a) {
|
package/dist/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1gtng */
|
|
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_yzo25 {
|
|
14
14
|
display: flex;
|
|
15
15
|
transition: transform 0.15s ease-in-out;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__open_yzo25 {
|
|
18
18
|
transform: var(--arrow-transform);
|
|
19
19
|
}
|
package/dist/field/index.js
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 20jka */
|
|
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_e5jte {
|
|
18
18
|
min-width: auto;
|
|
19
19
|
}
|
|
20
|
-
.picker-
|
|
20
|
+
.picker-button__optionsPopover_e5jte {
|
|
21
21
|
padding: var(--gap-xs) 0
|
|
22
22
|
}
|
|
23
|
-
.picker-
|
|
23
|
+
.picker-button__optionsPopover_e5jte.picker-button__sideGap_e5jte {
|
|
24
24
|
padding: 0 var(--gap-xs);
|
|
25
25
|
}
|
|
26
|
-
.picker-
|
|
26
|
+
.picker-button__optionsListContainer_e5jte {
|
|
27
27
|
border-radius: var(--border-radius-s);
|
|
28
28
|
}
|
|
29
|
-
.picker-
|
|
29
|
+
.picker-button__option_e5jte {
|
|
30
30
|
padding: 0 var(--gap-m);
|
|
31
31
|
}
|
package/dist/index.js
CHANGED
package/dist/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_e5jte","optionsPopover":"picker-button__optionsPopover_e5jte","sideGap":"picker-button__sideGap_e5jte","optionsListContainer":"picker-button__optionsListContainer_e5jte","option":"picker-button__option_e5jte"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -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-b192df8b";
|
|
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_yzo25","open":"picker-button__open_yzo25"};
|
|
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, valueRenderer, ...restProps }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1gtng */
|
|
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_yzo25 {
|
|
14
14
|
display: flex;
|
|
15
15
|
transition: transform 0.15s ease-in-out;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__open_yzo25 {
|
|
18
18
|
transform: var(--arrow-transform);
|
|
19
19
|
}
|
package/dist/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 20jka */
|
|
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_e5jte {
|
|
18
18
|
min-width: auto;
|
|
19
19
|
}
|
|
20
|
-
.picker-
|
|
20
|
+
.picker-button__optionsPopover_e5jte {
|
|
21
21
|
padding: var(--gap-xs) 0
|
|
22
22
|
}
|
|
23
|
-
.picker-
|
|
23
|
+
.picker-button__optionsPopover_e5jte.picker-button__sideGap_e5jte {
|
|
24
24
|
padding: 0 var(--gap-xs);
|
|
25
25
|
}
|
|
26
|
-
.picker-
|
|
26
|
+
.picker-button__optionsListContainer_e5jte {
|
|
27
27
|
border-radius: var(--border-radius-s);
|
|
28
28
|
}
|
|
29
|
-
.picker-
|
|
29
|
+
.picker-button__option_e5jte {
|
|
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-b192df8b";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-b192df8b";
|
|
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/dist/modern';
|
|
3
3
|
|
|
4
|
-
var styles = {"container":"picker-
|
|
4
|
+
var styles = {"container":"picker-button__container_sxdzt","icon":"picker-button__icon_sxdzt","content":"picker-button__content_sxdzt"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Option = ({ option, children, ...restProps }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: sm87f */
|
|
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_sxdzt {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__icon_sxdzt {
|
|
18
18
|
display: flex;
|
|
19
19
|
margin-right: var(--gap-s);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__content_sxdzt {
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
flex: 1;
|
|
24
24
|
text-overflow: ellipsis;
|
|
@@ -405,6 +405,12 @@ type GroupShape = {
|
|
|
405
405
|
*/
|
|
406
406
|
options: OptionShape[];
|
|
407
407
|
};
|
|
408
|
+
type BaseSelectChangePayload = {
|
|
409
|
+
selected: OptionShape | null;
|
|
410
|
+
selectedMultiple: OptionShape[];
|
|
411
|
+
initiator: OptionShape | null;
|
|
412
|
+
name?: string;
|
|
413
|
+
};
|
|
408
414
|
type BaseSelectProps = {
|
|
409
415
|
/**
|
|
410
416
|
* Идентификатор для систем автоматизированного тестирования
|
|
@@ -574,12 +580,7 @@ type BaseSelectProps = {
|
|
|
574
580
|
/**
|
|
575
581
|
* Обработчик выбора
|
|
576
582
|
*/
|
|
577
|
-
onChange?: (payload:
|
|
578
|
-
selected: OptionShape | null;
|
|
579
|
-
selectedMultiple: OptionShape[];
|
|
580
|
-
initiator: OptionShape | null;
|
|
581
|
-
name?: string;
|
|
582
|
-
}) => void;
|
|
583
|
+
onChange?: (payload: BaseSelectChangePayload) => void;
|
|
583
584
|
/**
|
|
584
585
|
* Обработчик открытия\закрытия селекта
|
|
585
586
|
*/
|
|
@@ -766,7 +767,7 @@ type OptionsListProps = {
|
|
|
766
767
|
/**
|
|
767
768
|
* Будет отображаться, если компонент пустой
|
|
768
769
|
*/
|
|
769
|
-
emptyPlaceholder?:
|
|
770
|
+
emptyPlaceholder?: ReactNode;
|
|
770
771
|
/**
|
|
771
772
|
* Количество видимых пунктов меню (5 = 5.5)
|
|
772
773
|
*/
|
|
@@ -905,4 +906,4 @@ type CheckmarkProps = {
|
|
|
905
906
|
*/
|
|
906
907
|
icon?: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
907
908
|
};
|
|
908
|
-
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
|
909
|
+
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
|
@@ -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-b192df8b";
|
|
4
|
+
import { OptionProps as BaseOptionProps } from "../typings-b192df8b";
|
|
5
5
|
type OptionProps = Omit<BaseOptionProps, 'option'> & {
|
|
6
6
|
option: OptionShape & {
|
|
7
7
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
package/dist/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-0220b12b.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_sxdzt","icon":"picker-button__icon_sxdzt","content":"picker-button__content_sxdzt"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Option = function (_a) {
|
package/dist/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: sm87f */
|
|
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_sxdzt {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__icon_sxdzt {
|
|
18
18
|
display: flex;
|
|
19
19
|
margin-right: var(--gap-s);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__content_sxdzt {
|
|
22
22
|
overflow: hidden;
|
|
23
23
|
flex: 1;
|
|
24
24
|
text-overflow: ellipsis;
|
package/dist/option/index.js
CHANGED
|
File without changes
|
|
File without changes
|
|
@@ -405,6 +405,12 @@ type GroupShape = {
|
|
|
405
405
|
*/
|
|
406
406
|
options: OptionShape[];
|
|
407
407
|
};
|
|
408
|
+
type BaseSelectChangePayload = {
|
|
409
|
+
selected: OptionShape | null;
|
|
410
|
+
selectedMultiple: OptionShape[];
|
|
411
|
+
initiator: OptionShape | null;
|
|
412
|
+
name?: string;
|
|
413
|
+
};
|
|
408
414
|
type BaseSelectProps = {
|
|
409
415
|
/**
|
|
410
416
|
* Идентификатор для систем автоматизированного тестирования
|
|
@@ -574,12 +580,7 @@ type BaseSelectProps = {
|
|
|
574
580
|
/**
|
|
575
581
|
* Обработчик выбора
|
|
576
582
|
*/
|
|
577
|
-
onChange?: (payload:
|
|
578
|
-
selected: OptionShape | null;
|
|
579
|
-
selectedMultiple: OptionShape[];
|
|
580
|
-
initiator: OptionShape | null;
|
|
581
|
-
name?: string;
|
|
582
|
-
}) => void;
|
|
583
|
+
onChange?: (payload: BaseSelectChangePayload) => void;
|
|
583
584
|
/**
|
|
584
585
|
* Обработчик открытия\закрытия селекта
|
|
585
586
|
*/
|
|
@@ -766,7 +767,7 @@ type OptionsListProps = {
|
|
|
766
767
|
/**
|
|
767
768
|
* Будет отображаться, если компонент пустой
|
|
768
769
|
*/
|
|
769
|
-
emptyPlaceholder?:
|
|
770
|
+
emptyPlaceholder?: ReactNode;
|
|
770
771
|
/**
|
|
771
772
|
* Количество видимых пунктов меню (5 = 5.5)
|
|
772
773
|
*/
|
|
@@ -905,4 +906,4 @@ type CheckmarkProps = {
|
|
|
905
906
|
*/
|
|
906
907
|
icon?: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
907
908
|
};
|
|
908
|
-
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
|
909
|
+
export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.9.2",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"react-dom": "^16.9.0 || ^17.0.1"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@alfalab/core-components-button": "^5.
|
|
23
|
-
"@alfalab/core-components-select": "^10.
|
|
22
|
+
"@alfalab/core-components-button": "^5.2.0",
|
|
23
|
+
"@alfalab/core-components-select": "^10.11.1",
|
|
24
24
|
"@alfalab/icons-classic": "^1.76.0",
|
|
25
25
|
"@alfalab/icons-glyph": "^2.16.0",
|
|
26
|
-
"classnames": "2.2.6"
|
|
26
|
+
"classnames": "^2.2.6"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "7faa1479f68e818fde406010fe07b8ee126deffb"
|
|
29
29
|
}
|