@atlaskit/react-select 3.5.3 → 3.6.0
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 +16 -0
- package/dist/cjs/compiled/components/containers.js +1 -1
- package/dist/cjs/components/containers.js +1 -1
- package/dist/cjs/components/control.js +1 -1
- package/dist/cjs/components/group.js +1 -1
- package/dist/cjs/components/indicators.js +1 -1
- package/dist/cjs/components/input.js +1 -1
- package/dist/cjs/components/internal/a11y-text.js +1 -1
- package/dist/cjs/components/internal/dummy-input.js +1 -1
- package/dist/cjs/components/internal/required-input.js +1 -1
- package/dist/cjs/components/menu.js +1 -1
- package/dist/cjs/components/multi-value.compiled.css +13 -13
- package/dist/cjs/components/multi-value.js +6 -6
- package/dist/cjs/components/option.js +1 -1
- package/dist/cjs/components/placeholder.js +1 -1
- package/dist/cjs/components/single-value.js +1 -1
- package/dist/cjs/select.js +5 -3
- package/dist/es2019/compiled/components/containers.js +1 -1
- package/dist/es2019/components/containers.js +1 -1
- package/dist/es2019/components/control.js +1 -1
- package/dist/es2019/components/group.js +1 -1
- package/dist/es2019/components/indicators.js +1 -1
- package/dist/es2019/components/input.js +1 -1
- package/dist/es2019/components/internal/a11y-text.js +1 -1
- package/dist/es2019/components/internal/dummy-input.js +1 -1
- package/dist/es2019/components/internal/required-input.js +1 -1
- package/dist/es2019/components/menu.js +1 -1
- package/dist/es2019/components/multi-value.compiled.css +13 -13
- package/dist/es2019/components/multi-value.js +6 -6
- package/dist/es2019/components/option.js +1 -1
- package/dist/es2019/components/placeholder.js +1 -1
- package/dist/es2019/components/single-value.js +1 -1
- package/dist/es2019/select.js +5 -3
- package/dist/esm/compiled/components/containers.js +1 -1
- package/dist/esm/components/containers.js +1 -1
- package/dist/esm/components/control.js +1 -1
- package/dist/esm/components/group.js +1 -1
- package/dist/esm/components/indicators.js +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/internal/a11y-text.js +1 -1
- package/dist/esm/components/internal/dummy-input.js +1 -1
- package/dist/esm/components/internal/required-input.js +1 -1
- package/dist/esm/components/menu.js +1 -1
- package/dist/esm/components/multi-value.compiled.css +13 -13
- package/dist/esm/components/multi-value.js +6 -6
- package/dist/esm/components/option.js +1 -1
- package/dist/esm/components/placeholder.js +1 -1
- package/dist/esm/components/single-value.js +1 -1
- package/dist/esm/select.js +5 -3
- package/dist/types/select.d.ts +6 -0
- package/dist/types-ts4.5/select.d.ts +6 -0
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/react-select
|
|
2
2
|
|
|
3
|
+
## 3.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`153fad932190f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/153fad932190f) -
|
|
8
|
+
[ux] Added a new prop shouldKeepInputOnSelect to the select component to prevent clearing the
|
|
9
|
+
input when isMulti is true
|
|
10
|
+
|
|
11
|
+
## 3.5.4
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
|
|
16
|
+
Internal changes to how borders are applied.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 3.5.3
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -2,41 +2,41 @@
|
|
|
2
2
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
5
|
+
._2rko19qg{border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}
|
|
5
6
|
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
|
|
6
|
-
._2rkovtp2{border-radius:0 2px 2px 0}
|
|
7
7
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
8
8
|
._1dqonqa1{border-style:solid}
|
|
9
9
|
._1h6d14je{border-color:#b7b9be}
|
|
10
|
+
._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
|
|
10
11
|
._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
|
|
11
12
|
._18m915vq{overflow-y:hidden}
|
|
12
|
-
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
13
|
-
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
14
|
-
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
15
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
16
|
-
._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
17
13
|
._1bah1h6o{justify-content:center}
|
|
18
14
|
._1bto1l2s{text-overflow:ellipsis}
|
|
19
15
|
._1e0c1kw7{display:inherit}
|
|
20
16
|
._1e0c1txw{display:flex}
|
|
21
17
|
._1e0cglyw{display:none}
|
|
18
|
+
._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
|
|
19
|
+
._1q51idpf{padding-block-start:0}
|
|
20
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
22
21
|
._1reo15vq{overflow-x:hidden}
|
|
23
22
|
._1ul9ze3t{min-width:var(--ds-space-0,0)}
|
|
24
23
|
._1wpz1h6o{align-self:center}
|
|
25
|
-
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
26
24
|
._4cvr1h6o{align-items:center}
|
|
25
|
+
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
|
|
26
|
+
._85i5idpf{padding-block-end:0}
|
|
27
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
28
|
+
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
|
|
27
29
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
28
30
|
._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
|
|
29
31
|
._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
|
|
30
32
|
._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
|
|
31
33
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
+
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
35
|
+
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
36
|
+
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
34
37
|
._lswu1dx5{fill:var(--ds-text,#000)}
|
|
35
38
|
._lswu1rrc{fill:var(--ds-text-selected,#000)}
|
|
36
|
-
._n3tdidpf{padding-bottom:0}
|
|
37
|
-
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
38
39
|
._o5721q9c{white-space:nowrap}
|
|
39
|
-
._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
|
|
40
40
|
._p12f1osq{max-width:100%}
|
|
41
41
|
._r06hglyw{-webkit-appearance:none;appearance:none}
|
|
42
42
|
._syaz1fxt{color:var(--ds-text,#172b4d)}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
45
45
|
._syaz1wum{color:var(--ds-text-selected,#333)}
|
|
46
46
|
._syazjpor{color:var(--ds-text,#333)}
|
|
47
|
-
.
|
|
47
|
+
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
48
48
|
._1ah312gs:focus-visible{outline-offset:-2px}
|
|
49
49
|
._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
|
|
50
50
|
._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* multi-value.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* multi-value.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -23,7 +23,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
24
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
25
|
var multiValueStyles = {
|
|
26
|
-
root: "_2rkolb4i _1e0c1txw _1ul9ze3t
|
|
26
|
+
root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
|
|
27
27
|
disabled: "_syaz1lh4 _bfhkm7j4",
|
|
28
28
|
focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
|
|
29
29
|
refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
|
|
@@ -35,18 +35,18 @@ var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCS
|
|
|
35
35
|
return {};
|
|
36
36
|
};
|
|
37
37
|
var multiValueLabelStyles = {
|
|
38
|
-
root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c
|
|
38
|
+
root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c _1q51v77o _y4tiv77o _85i5v77o _bozg12x7 _syaz1kw7",
|
|
39
39
|
disabled: "_syaz1lh4",
|
|
40
40
|
ellipsis: "_1bto1l2s",
|
|
41
|
-
refresh: "_11c82smr
|
|
41
|
+
refresh: "_11c82smr _1q51idpf _85i5idpf _bozg1b66"
|
|
42
42
|
};
|
|
43
43
|
var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemoveCSS() {
|
|
44
44
|
return {};
|
|
45
45
|
};
|
|
46
46
|
var multiValueRemoveStyles = {
|
|
47
47
|
focused: "_bfhkb1q9 _lswu1rrc",
|
|
48
|
-
root: "
|
|
49
|
-
refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt
|
|
48
|
+
root: "_2rko19qg _4cvr1h6o _1e0c1txw _lswu1dx5 _bozgv77o _y4tiv77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
|
|
49
|
+
refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr3166n _1di61dty"
|
|
50
50
|
};
|
|
51
51
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
52
52
|
var MultiValueContainer = exports.MultiValueContainer = function MultiValueContainer(_ref) {
|
package/dist/cjs/select.js
CHANGED
|
@@ -79,7 +79,8 @@ var defaultProps = exports.defaultProps = {
|
|
|
79
79
|
styles: {},
|
|
80
80
|
tabIndex: 0,
|
|
81
81
|
tabSelectsValue: true,
|
|
82
|
-
UNSAFE_is_experimental_generic: false
|
|
82
|
+
UNSAFE_is_experimental_generic: false,
|
|
83
|
+
shouldKeepInputOnSelect: false
|
|
83
84
|
};
|
|
84
85
|
function toCategorizedOption(props, option, selectValue, index) {
|
|
85
86
|
var isDisabled = _isOptionDisabled(props, option, selectValue);
|
|
@@ -291,9 +292,10 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
291
292
|
var _this$props2 = _this.props,
|
|
292
293
|
closeMenuOnSelect = _this$props2.closeMenuOnSelect,
|
|
293
294
|
isMulti = _this$props2.isMulti,
|
|
294
|
-
inputValue = _this$props2.inputValue
|
|
295
|
+
inputValue = _this$props2.inputValue,
|
|
296
|
+
shouldKeepInputOnSelect = _this$props2.shouldKeepInputOnSelect;
|
|
295
297
|
// for multiple selection options, do not clear the search input value
|
|
296
|
-
if (isMulti && (0, _platformFeatureFlags.fg)('platform_do_not_clear_input_for_multiselect')) {
|
|
298
|
+
if (isMulti && shouldKeepInputOnSelect && (0, _platformFeatureFlags.fg)('platform_do_not_clear_input_for_multiselect')) {
|
|
297
299
|
_this.onInputChange(inputValue, {
|
|
298
300
|
action: 'set-value',
|
|
299
301
|
prevInputValue: inputValue
|
|
@@ -2,41 +2,41 @@
|
|
|
2
2
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
5
|
+
._2rko19qg{border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}
|
|
5
6
|
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
|
|
6
|
-
._2rkovtp2{border-radius:0 2px 2px 0}
|
|
7
7
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
8
8
|
._1dqonqa1{border-style:solid}
|
|
9
9
|
._1h6d14je{border-color:#b7b9be}
|
|
10
|
+
._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
|
|
10
11
|
._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
|
|
11
12
|
._18m915vq{overflow-y:hidden}
|
|
12
|
-
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
13
|
-
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
14
|
-
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
15
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
16
|
-
._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
17
13
|
._1bah1h6o{justify-content:center}
|
|
18
14
|
._1bto1l2s{text-overflow:ellipsis}
|
|
19
15
|
._1e0c1kw7{display:inherit}
|
|
20
16
|
._1e0c1txw{display:flex}
|
|
21
17
|
._1e0cglyw{display:none}
|
|
18
|
+
._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
|
|
19
|
+
._1q51idpf{padding-block-start:0}
|
|
20
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
22
21
|
._1reo15vq{overflow-x:hidden}
|
|
23
22
|
._1ul9ze3t{min-width:var(--ds-space-0,0)}
|
|
24
23
|
._1wpz1h6o{align-self:center}
|
|
25
|
-
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
26
24
|
._4cvr1h6o{align-items:center}
|
|
25
|
+
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
|
|
26
|
+
._85i5idpf{padding-block-end:0}
|
|
27
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
28
|
+
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
|
|
27
29
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
28
30
|
._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
|
|
29
31
|
._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
|
|
30
32
|
._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
|
|
31
33
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
+
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
35
|
+
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
36
|
+
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
34
37
|
._lswu1dx5{fill:var(--ds-text,#000)}
|
|
35
38
|
._lswu1rrc{fill:var(--ds-text-selected,#000)}
|
|
36
|
-
._n3tdidpf{padding-bottom:0}
|
|
37
|
-
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
38
39
|
._o5721q9c{white-space:nowrap}
|
|
39
|
-
._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
|
|
40
40
|
._p12f1osq{max-width:100%}
|
|
41
41
|
._r06hglyw{-webkit-appearance:none;appearance:none}
|
|
42
42
|
._syaz1fxt{color:var(--ds-text,#172b4d)}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
45
45
|
._syaz1wum{color:var(--ds-text-selected,#333)}
|
|
46
46
|
._syazjpor{color:var(--ds-text,#333)}
|
|
47
|
-
.
|
|
47
|
+
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
48
48
|
._1ah312gs:focus-visible{outline-offset:-2px}
|
|
49
49
|
._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
|
|
50
50
|
._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* multi-value.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* multi-value.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./multi-value.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -9,7 +9,7 @@ import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
|
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { getStyleProps } from '../utils';
|
|
11
11
|
const multiValueStyles = {
|
|
12
|
-
root: "_2rkolb4i _1e0c1txw _1ul9ze3t
|
|
12
|
+
root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
|
|
13
13
|
disabled: "_syaz1lh4 _bfhkm7j4",
|
|
14
14
|
focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
|
|
15
15
|
refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
|
|
@@ -17,16 +17,16 @@ const multiValueStyles = {
|
|
|
17
17
|
export const multiValueCSS = () => ({});
|
|
18
18
|
export const multiValueLabelCSS = () => ({});
|
|
19
19
|
const multiValueLabelStyles = {
|
|
20
|
-
root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c
|
|
20
|
+
root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c _1q51v77o _y4tiv77o _85i5v77o _bozg12x7 _syaz1kw7",
|
|
21
21
|
disabled: "_syaz1lh4",
|
|
22
22
|
ellipsis: "_1bto1l2s",
|
|
23
|
-
refresh: "_11c82smr
|
|
23
|
+
refresh: "_11c82smr _1q51idpf _85i5idpf _bozg1b66"
|
|
24
24
|
};
|
|
25
25
|
export const multiValueRemoveCSS = () => ({});
|
|
26
26
|
const multiValueRemoveStyles = {
|
|
27
27
|
focused: "_bfhkb1q9 _lswu1rrc",
|
|
28
|
-
root: "
|
|
29
|
-
refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt
|
|
28
|
+
root: "_2rko19qg _4cvr1h6o _1e0c1txw _lswu1dx5 _bozgv77o _y4tiv77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
|
|
29
|
+
refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr3166n _1di61dty"
|
|
30
30
|
};
|
|
31
31
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
32
32
|
export const MultiValueContainer = ({
|
package/dist/es2019/select.js
CHANGED
|
@@ -53,7 +53,8 @@ export const defaultProps = {
|
|
|
53
53
|
styles: {},
|
|
54
54
|
tabIndex: 0,
|
|
55
55
|
tabSelectsValue: true,
|
|
56
|
-
UNSAFE_is_experimental_generic: false
|
|
56
|
+
UNSAFE_is_experimental_generic: false,
|
|
57
|
+
shouldKeepInputOnSelect: false
|
|
57
58
|
};
|
|
58
59
|
function toCategorizedOption(props, option, selectValue, index) {
|
|
59
60
|
const isDisabled = isOptionDisabled(props, option, selectValue);
|
|
@@ -261,10 +262,11 @@ export default class Select extends Component {
|
|
|
261
262
|
const {
|
|
262
263
|
closeMenuOnSelect,
|
|
263
264
|
isMulti,
|
|
264
|
-
inputValue
|
|
265
|
+
inputValue,
|
|
266
|
+
shouldKeepInputOnSelect
|
|
265
267
|
} = this.props;
|
|
266
268
|
// for multiple selection options, do not clear the search input value
|
|
267
|
-
if (isMulti && fg('platform_do_not_clear_input_for_multiselect')) {
|
|
269
|
+
if (isMulti && shouldKeepInputOnSelect && fg('platform_do_not_clear_input_for_multiselect')) {
|
|
268
270
|
this.onInputChange(inputValue, {
|
|
269
271
|
action: 'set-value',
|
|
270
272
|
prevInputValue: inputValue
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* group.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* group.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
var _excluded = ["data"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* indicators.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* indicators.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _extends from "@babel/runtime/helpers/extends";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* input.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* input.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* dummy-input.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* dummy-input.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["innerRef"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* menu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
@@ -2,41 +2,41 @@
|
|
|
2
2
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
5
|
+
._2rko19qg{border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}
|
|
5
6
|
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
|
|
6
|
-
._2rkovtp2{border-radius:0 2px 2px 0}
|
|
7
7
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
8
8
|
._1dqonqa1{border-style:solid}
|
|
9
9
|
._1h6d14je{border-color:#b7b9be}
|
|
10
|
+
._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
|
|
10
11
|
._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
|
|
11
12
|
._18m915vq{overflow-y:hidden}
|
|
12
|
-
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
13
|
-
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
14
|
-
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
15
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
16
|
-
._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
17
13
|
._1bah1h6o{justify-content:center}
|
|
18
14
|
._1bto1l2s{text-overflow:ellipsis}
|
|
19
15
|
._1e0c1kw7{display:inherit}
|
|
20
16
|
._1e0c1txw{display:flex}
|
|
21
17
|
._1e0cglyw{display:none}
|
|
18
|
+
._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
|
|
19
|
+
._1q51idpf{padding-block-start:0}
|
|
20
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
22
21
|
._1reo15vq{overflow-x:hidden}
|
|
23
22
|
._1ul9ze3t{min-width:var(--ds-space-0,0)}
|
|
24
23
|
._1wpz1h6o{align-self:center}
|
|
25
|
-
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
26
24
|
._4cvr1h6o{align-items:center}
|
|
25
|
+
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
|
|
26
|
+
._85i5idpf{padding-block-end:0}
|
|
27
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
28
|
+
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
|
|
27
29
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
28
30
|
._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
|
|
29
31
|
._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
|
|
30
32
|
._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
|
|
31
33
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
+
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
35
|
+
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
36
|
+
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
34
37
|
._lswu1dx5{fill:var(--ds-text,#000)}
|
|
35
38
|
._lswu1rrc{fill:var(--ds-text-selected,#000)}
|
|
36
|
-
._n3tdidpf{padding-bottom:0}
|
|
37
|
-
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
38
39
|
._o5721q9c{white-space:nowrap}
|
|
39
|
-
._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
|
|
40
40
|
._p12f1osq{max-width:100%}
|
|
41
41
|
._r06hglyw{-webkit-appearance:none;appearance:none}
|
|
42
42
|
._syaz1fxt{color:var(--ds-text,#172b4d)}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
45
45
|
._syaz1wum{color:var(--ds-text-selected,#333)}
|
|
46
46
|
._syazjpor{color:var(--ds-text,#333)}
|
|
47
|
-
.
|
|
47
|
+
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
48
48
|
._1ah312gs:focus-visible{outline-offset:-2px}
|
|
49
49
|
._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
|
|
50
50
|
._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* multi-value.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* multi-value.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import "./multi-value.compiled.css";
|
|
@@ -12,7 +12,7 @@ import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
|
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
import { getStyleProps } from '../utils';
|
|
14
14
|
var multiValueStyles = {
|
|
15
|
-
root: "_2rkolb4i _1e0c1txw _1ul9ze3t
|
|
15
|
+
root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
|
|
16
16
|
disabled: "_syaz1lh4 _bfhkm7j4",
|
|
17
17
|
focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
|
|
18
18
|
refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
|
|
@@ -24,18 +24,18 @@ export var multiValueLabelCSS = function multiValueLabelCSS() {
|
|
|
24
24
|
return {};
|
|
25
25
|
};
|
|
26
26
|
var multiValueLabelStyles = {
|
|
27
|
-
root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c
|
|
27
|
+
root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c _1q51v77o _y4tiv77o _85i5v77o _bozg12x7 _syaz1kw7",
|
|
28
28
|
disabled: "_syaz1lh4",
|
|
29
29
|
ellipsis: "_1bto1l2s",
|
|
30
|
-
refresh: "_11c82smr
|
|
30
|
+
refresh: "_11c82smr _1q51idpf _85i5idpf _bozg1b66"
|
|
31
31
|
};
|
|
32
32
|
export var multiValueRemoveCSS = function multiValueRemoveCSS() {
|
|
33
33
|
return {};
|
|
34
34
|
};
|
|
35
35
|
var multiValueRemoveStyles = {
|
|
36
36
|
focused: "_bfhkb1q9 _lswu1rrc",
|
|
37
|
-
root: "
|
|
38
|
-
refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt
|
|
37
|
+
root: "_2rko19qg _4cvr1h6o _1e0c1txw _lswu1dx5 _bozgv77o _y4tiv77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
|
|
38
|
+
refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr3166n _1di61dty"
|
|
39
39
|
};
|
|
40
40
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
41
41
|
export var MultiValueContainer = function MultiValueContainer(_ref) {
|
package/dist/esm/select.js
CHANGED
|
@@ -70,7 +70,8 @@ export var defaultProps = {
|
|
|
70
70
|
styles: {},
|
|
71
71
|
tabIndex: 0,
|
|
72
72
|
tabSelectsValue: true,
|
|
73
|
-
UNSAFE_is_experimental_generic: false
|
|
73
|
+
UNSAFE_is_experimental_generic: false,
|
|
74
|
+
shouldKeepInputOnSelect: false
|
|
74
75
|
};
|
|
75
76
|
function toCategorizedOption(props, option, selectValue, index) {
|
|
76
77
|
var isDisabled = _isOptionDisabled(props, option, selectValue);
|
|
@@ -282,9 +283,10 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
282
283
|
var _this$props2 = _this.props,
|
|
283
284
|
closeMenuOnSelect = _this$props2.closeMenuOnSelect,
|
|
284
285
|
isMulti = _this$props2.isMulti,
|
|
285
|
-
inputValue = _this$props2.inputValue
|
|
286
|
+
inputValue = _this$props2.inputValue,
|
|
287
|
+
shouldKeepInputOnSelect = _this$props2.shouldKeepInputOnSelect;
|
|
286
288
|
// for multiple selection options, do not clear the search input value
|
|
287
|
-
if (isMulti && fg('platform_do_not_clear_input_for_multiselect')) {
|
|
289
|
+
if (isMulti && shouldKeepInputOnSelect && fg('platform_do_not_clear_input_for_multiselect')) {
|
|
288
290
|
_this.onInputChange(inputValue, {
|
|
289
291
|
action: 'set-value',
|
|
290
292
|
prevInputValue: inputValue
|
package/dist/types/select.d.ts
CHANGED
|
@@ -433,6 +433,10 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
|
|
|
433
433
|
appearance: 'default' | 'subtle' | 'none';
|
|
434
434
|
[key: string]: any;
|
|
435
435
|
UNSAFE_is_experimental_generic?: boolean;
|
|
436
|
+
/**
|
|
437
|
+
* If `true`, the input value will be kept when an option is selected and isMulti is `true`. The default is `false`.
|
|
438
|
+
*/
|
|
439
|
+
shouldKeepInputOnSelect?: boolean;
|
|
436
440
|
}
|
|
437
441
|
export declare const defaultProps: {
|
|
438
442
|
backspaceRemovesValue: boolean;
|
|
@@ -476,6 +480,7 @@ export declare const defaultProps: {
|
|
|
476
480
|
tabIndex: number;
|
|
477
481
|
tabSelectsValue: boolean;
|
|
478
482
|
UNSAFE_is_experimental_generic: boolean;
|
|
483
|
+
shouldKeepInputOnSelect: boolean;
|
|
479
484
|
};
|
|
480
485
|
interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
481
486
|
ariaSelection: AriaSelection<Option, IsMulti> | null;
|
|
@@ -556,6 +561,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
|
|
|
556
561
|
tabIndex: number;
|
|
557
562
|
tabSelectsValue: boolean;
|
|
558
563
|
UNSAFE_is_experimental_generic: boolean;
|
|
564
|
+
shouldKeepInputOnSelect: boolean;
|
|
559
565
|
};
|
|
560
566
|
state: State<Option, IsMulti, Group>;
|
|
561
567
|
blockOptionHover: boolean;
|
|
@@ -433,6 +433,10 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
|
|
|
433
433
|
appearance: 'default' | 'subtle' | 'none';
|
|
434
434
|
[key: string]: any;
|
|
435
435
|
UNSAFE_is_experimental_generic?: boolean;
|
|
436
|
+
/**
|
|
437
|
+
* If `true`, the input value will be kept when an option is selected and isMulti is `true`. The default is `false`.
|
|
438
|
+
*/
|
|
439
|
+
shouldKeepInputOnSelect?: boolean;
|
|
436
440
|
}
|
|
437
441
|
export declare const defaultProps: {
|
|
438
442
|
backspaceRemovesValue: boolean;
|
|
@@ -476,6 +480,7 @@ export declare const defaultProps: {
|
|
|
476
480
|
tabIndex: number;
|
|
477
481
|
tabSelectsValue: boolean;
|
|
478
482
|
UNSAFE_is_experimental_generic: boolean;
|
|
483
|
+
shouldKeepInputOnSelect: boolean;
|
|
479
484
|
};
|
|
480
485
|
interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
481
486
|
ariaSelection: AriaSelection<Option, IsMulti> | null;
|
|
@@ -556,6 +561,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
|
|
|
556
561
|
tabIndex: number;
|
|
557
562
|
tabSelectsValue: boolean;
|
|
558
563
|
UNSAFE_is_experimental_generic: boolean;
|
|
564
|
+
shouldKeepInputOnSelect: boolean;
|
|
559
565
|
};
|
|
560
566
|
state: State<Option, IsMulti, Group>;
|
|
561
567
|
blockOptionHover: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-select",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0",
|
|
4
4
|
"description": "A forked version of react-select to only be used in atlaskit/select",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"atlaskit:src": "src/index.tsx",
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
24
|
-
"@atlaskit/icon": "^28.
|
|
24
|
+
"@atlaskit/icon": "^28.2.0",
|
|
25
25
|
"@atlaskit/layering": "^3.0.0",
|
|
26
26
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
27
|
-
"@atlaskit/primitives": "^14.
|
|
27
|
+
"@atlaskit/primitives": "^14.14.0",
|
|
28
28
|
"@atlaskit/spinner": "^19.0.0",
|
|
29
|
-
"@atlaskit/tokens": "^6.
|
|
29
|
+
"@atlaskit/tokens": "^6.3.0",
|
|
30
30
|
"@babel/runtime": "^7.0.0",
|
|
31
31
|
"@compiled/react": "^0.18.3",
|
|
32
32
|
"@floating-ui/dom": "^1.0.1",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@atlaskit/checkbox": "^17.1.0",
|
|
42
|
-
"@atlaskit/form": "^12.
|
|
42
|
+
"@atlaskit/form": "^12.6.0",
|
|
43
43
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
44
44
|
"@testing-library/react": "^13.4.0",
|
|
45
45
|
"@testing-library/user-event": "^14.4.3",
|