@alfalab/core-components-picker-button 10.3.4 → 10.3.5
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/desktop.js +1 -1
- package/esm/Component.js +2 -2
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.responsive.js +1 -1
- package/esm/desktop.js +1 -1
- package/esm/field/Component.js +2 -2
- package/esm/field/index.css +5 -5
- package/esm/field/index.js +1 -1
- package/esm/index.css +7 -7
- package/esm/index.js +1 -1
- package/esm/mobile.js +1 -1
- package/esm/option/Component.js +2 -2
- package/esm/option/index.css +4 -4
- package/esm/option/index.js +1 -1
- package/esm/responsive.js +1 -1
- package/esm/{tslib.es6-dbeb5c11.d.ts → tslib.es6-518d859c.d.ts} +0 -0
- package/esm/{tslib.es6-dbeb5c11.js → tslib.es6-518d859c.js} +0 -0
- package/field/Component.js +2 -2
- package/field/index.css +5 -5
- package/field/index.js +1 -1
- package/index.css +7 -7
- package/index.js +1 -1
- package/mobile.js +1 -1
- package/modern/Component.js +1 -1
- package/modern/field/Component.js +1 -1
- package/modern/field/index.css +5 -5
- package/modern/index.css +7 -7
- package/modern/option/Component.js +1 -1
- package/modern/option/index.css +4 -4
- package/option/Component.js +2 -2
- package/option/index.css +4 -4
- package/option/index.js +1 -1
- package/package.json +3 -3
- package/responsive.js +1 -1
- package/{tslib.es6-263fc3f6.d.ts → tslib.es6-d5eca797.d.ts} +0 -0
- package/{tslib.es6-263fc3f6.js → tslib.es6-d5eca797.js} +0 -0
- package/typings-cac440c1.d.ts +1 -1
package/Component.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
|
|
|
26
26
|
*/
|
|
27
27
|
showArrow?: boolean;
|
|
28
28
|
};
|
|
29
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "
|
|
29
|
+
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
30
30
|
options: Array<BaseSelectProps['options'][0] & {
|
|
31
31
|
/**
|
|
32
32
|
* Иконка, отображающаяся слева от текстового представления пункта
|
package/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-d5eca797.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
19
19
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
20
20
|
|
|
21
|
-
var styles = {"container":"picker-
|
|
21
|
+
var styles = {"container":"picker-button__container_15mfs","optionsPopover":"picker-button__optionsPopover_15mfs","sideGap":"picker-button__sideGap_15mfs","optionsListContainer":"picker-button__optionsListContainer_15mfs","option":"picker-button__option_15mfs"};
|
|
22
22
|
require('./index.css')
|
|
23
23
|
|
|
24
24
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-d5eca797.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
var field_Component = require('./field/Component.js');
|
|
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
|
|
|
11
11
|
*/
|
|
12
12
|
breakpoint?: number;
|
|
13
13
|
};
|
|
14
|
-
declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "
|
|
14
|
+
declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
|
|
15
15
|
options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
|
|
16
16
|
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
17
17
|
})[];
|
package/Component.responsive.js
CHANGED
package/desktop.js
CHANGED
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-518d859c.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/esm';
|
|
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
11
11
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
12
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
13
|
|
|
14
|
-
var styles = {"container":"picker-
|
|
14
|
+
var styles = {"container":"picker-button__container_15mfs","optionsPopover":"picker-button__optionsPopover_15mfs","sideGap":"picker-button__sideGap_15mfs","optionsListContainer":"picker-button__optionsListContainer_15mfs","option":"picker-button__option_15mfs"};
|
|
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-518d859c.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { SelectMobile, Optgroup } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import { Field } from './field/Component.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-518d859c.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { PickerButtonDesktop } from './Component.js';
|
package/esm/desktop.js
CHANGED
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-518d859c.js';
|
|
2
2
|
import React, { Fragment } 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/ChevronDownMIcon';
|
|
|
8
8
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
9
9
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
10
10
|
|
|
11
|
-
var styles = {"iconContainer":"picker-
|
|
11
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1bzgv","addonsContainer":"picker-button__addonsContainer_1bzgv","showControlIcon":"picker-button__showControlIcon_1bzgv","open":"picker-button__open_1bzgv"};
|
|
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: 101um */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__iconContainer_1bzgv {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .picker-
|
|
22
|
+
} .picker-button__addonsContainer_1bzgv {
|
|
23
23
|
display: flex
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__addonsContainer_1bzgv.picker-button__showControlIcon_1bzgv {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .picker-
|
|
26
|
+
} .picker-button__open_1bzgv {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/esm/field/index.js
CHANGED
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: woa61 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__container_15mfs {
|
|
22
22
|
min-width: auto;
|
|
23
|
-
} .cc-picker-button.picker-
|
|
23
|
+
} .cc-picker-button.picker-button__optionsPopover_15mfs {
|
|
24
24
|
padding: var(--gap-2xs) 0
|
|
25
|
-
} .cc-picker-button.picker-
|
|
25
|
+
} .cc-picker-button.picker-button__optionsPopover_15mfs.picker-button__sideGap_15mfs {
|
|
26
26
|
padding: 0 var(--gap-xs);
|
|
27
|
-
} .cc-picker-button .picker-
|
|
27
|
+
} .cc-picker-button .picker-button__optionsListContainer_15mfs {
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
|
-
} .cc-picker-button .picker-
|
|
29
|
+
} .cc-picker-button .picker-button__option_15mfs {
|
|
30
30
|
padding: 0 var(--gap-m)
|
|
31
|
-
} .cc-picker-button .picker-
|
|
31
|
+
} .cc-picker-button .picker-button__option_15mfs:before {
|
|
32
32
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
package/esm/index.js
CHANGED
package/esm/mobile.js
CHANGED
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-518d859c.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_hy0lz","icon":"picker-button__icon_hy0lz","content":"picker-button__content_hy0lz"};
|
|
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: jp3th */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_hy0lz {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_hy0lz {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_hy0lz {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/esm/option/index.js
CHANGED
package/esm/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|
package/field/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-d5eca797.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsButton = require('@alfalab/core-components-button');
|
|
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
16
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
17
|
|
|
18
|
-
var styles = {"iconContainer":"picker-
|
|
18
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1bzgv","addonsContainer":"picker-button__addonsContainer_1bzgv","showControlIcon":"picker-button__showControlIcon_1bzgv","open":"picker-button__open_1bzgv"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
var Field = function (_a) {
|
package/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 101um */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__iconContainer_1bzgv {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .picker-
|
|
22
|
+
} .picker-button__addonsContainer_1bzgv {
|
|
23
23
|
display: flex
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__addonsContainer_1bzgv.picker-button__showControlIcon_1bzgv {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .picker-
|
|
26
|
+
} .picker-button__open_1bzgv {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/field/index.js
CHANGED
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: woa61 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__container_15mfs {
|
|
22
22
|
min-width: auto;
|
|
23
|
-
} .cc-picker-button.picker-
|
|
23
|
+
} .cc-picker-button.picker-button__optionsPopover_15mfs {
|
|
24
24
|
padding: var(--gap-2xs) 0
|
|
25
|
-
} .cc-picker-button.picker-
|
|
25
|
+
} .cc-picker-button.picker-button__optionsPopover_15mfs.picker-button__sideGap_15mfs {
|
|
26
26
|
padding: 0 var(--gap-xs);
|
|
27
|
-
} .cc-picker-button .picker-
|
|
27
|
+
} .cc-picker-button .picker-button__optionsListContainer_15mfs {
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
|
-
} .cc-picker-button .picker-
|
|
29
|
+
} .cc-picker-button .picker-button__option_15mfs {
|
|
30
30
|
padding: 0 var(--gap-m)
|
|
31
|
-
} .cc-picker-button .picker-
|
|
31
|
+
} .cc-picker-button .picker-button__option_15mfs:before {
|
|
32
32
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
package/index.js
CHANGED
package/mobile.js
CHANGED
package/modern/Component.js
CHANGED
|
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
10
10
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
11
11
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
12
12
|
|
|
13
|
-
const styles = {"container":"picker-
|
|
13
|
+
const styles = {"container":"picker-button__container_15mfs","optionsPopover":"picker-button__optionsPopover_15mfs","sideGap":"picker-button__sideGap_15mfs","optionsListContainer":"picker-button__optionsListContainer_15mfs","option":"picker-button__option_15mfs"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
7
7
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
8
8
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
9
9
|
|
|
10
|
-
const styles = {"iconContainer":"picker-
|
|
10
|
+
const styles = {"iconContainer":"picker-button__iconContainer_1bzgv","addonsContainer":"picker-button__addonsContainer_1bzgv","showControlIcon":"picker-button__showControlIcon_1bzgv","open":"picker-button__open_1bzgv"};
|
|
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, showArrow = true, ...restProps }) => {
|
package/modern/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 101um */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__iconContainer_1bzgv {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .picker-
|
|
22
|
+
} .picker-button__addonsContainer_1bzgv {
|
|
23
23
|
display: flex
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__addonsContainer_1bzgv.picker-button__showControlIcon_1bzgv {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .picker-
|
|
26
|
+
} .picker-button__open_1bzgv {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: woa61 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__container_15mfs {
|
|
22
22
|
min-width: auto;
|
|
23
|
-
} .cc-picker-button.picker-
|
|
23
|
+
} .cc-picker-button.picker-button__optionsPopover_15mfs {
|
|
24
24
|
padding: var(--gap-2xs) 0
|
|
25
|
-
} .cc-picker-button.picker-
|
|
25
|
+
} .cc-picker-button.picker-button__optionsPopover_15mfs.picker-button__sideGap_15mfs {
|
|
26
26
|
padding: 0 var(--gap-xs);
|
|
27
|
-
} .cc-picker-button .picker-
|
|
27
|
+
} .cc-picker-button .picker-button__optionsListContainer_15mfs {
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
|
-
} .cc-picker-button .picker-
|
|
29
|
+
} .cc-picker-button .picker-button__option_15mfs {
|
|
30
30
|
padding: 0 var(--gap-m)
|
|
31
|
-
} .cc-picker-button .picker-
|
|
31
|
+
} .cc-picker-button .picker-button__option_15mfs:before {
|
|
32
32
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
|
@@ -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
|
-
const styles = {"container":"picker-
|
|
4
|
+
const styles = {"container":"picker-button__container_hy0lz","icon":"picker-button__icon_hy0lz","content":"picker-button__content_hy0lz"};
|
|
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: jp3th */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_hy0lz {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_hy0lz {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_hy0lz {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/option/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-d5eca797.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
|
|
@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
10
|
|
|
11
|
-
var styles = {"container":"picker-
|
|
11
|
+
var styles = {"container":"picker-button__container_hy0lz","icon":"picker-button__icon_hy0lz","content":"picker-button__content_hy0lz"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var Option = function (_a) {
|
package/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: jp3th */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_hy0lz {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_hy0lz {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_hy0lz {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
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": "10.3.
|
|
3
|
+
"version": "10.3.5",
|
|
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": "^7.0.
|
|
22
|
-
"@alfalab/core-components-select": "^13.2.
|
|
21
|
+
"@alfalab/core-components-button": "^7.0.4",
|
|
22
|
+
"@alfalab/core-components-select": "^13.2.10",
|
|
23
23
|
"@alfalab/icons-classic": "^2.3.0",
|
|
24
24
|
"@alfalab/icons-glyph": "^2.89.0",
|
|
25
25
|
"classnames": "^2.3.1"
|
package/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|
package/typings-cac440c1.d.ts
CHANGED
|
@@ -124,7 +124,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
|
|
|
124
124
|
*/
|
|
125
125
|
dataTestId?: string;
|
|
126
126
|
};
|
|
127
|
-
declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "
|
|
127
|
+
declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
|
|
128
128
|
value?: string | undefined;
|
|
129
129
|
defaultValue?: string | undefined;
|
|
130
130
|
block?: boolean | undefined;
|