@atlaskit/select 21.2.10 → 21.3.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 +12 -0
- package/dist/cjs/CountrySelect.js +1 -1
- package/dist/cjs/PopupSelect/components.js +1 -1
- package/dist/cjs/components/input-options.compiled.css +8 -4
- package/dist/cjs/components/input-options.js +1 -1
- package/dist/es2019/CountrySelect.js +1 -1
- package/dist/es2019/PopupSelect/components.js +1 -1
- package/dist/es2019/components/input-options.compiled.css +8 -4
- package/dist/es2019/components/input-options.js +1 -1
- package/dist/esm/CountrySelect.js +1 -1
- package/dist/esm/PopupSelect/components.js +1 -1
- package/dist/esm/components/input-options.compiled.css +8 -4
- package/dist/esm/components/input-options.js +1 -1
- package/dist/types/PopupSelect/PopupSelect.d.ts +4 -0
- package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts +4 -0
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/select
|
|
2
2
|
|
|
3
|
+
## 21.3.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
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 21.2.10
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._16cu892t svg circle:first-of-type
|
|
1
|
+
._16cu892t svg circle:first-of-type{stroke-linejoin:round}
|
|
2
2
|
._16jlkb7n{flex-grow:1}
|
|
3
3
|
._16qs1kw7{box-shadow:inherit}
|
|
4
4
|
._16qsn8hf{box-shadow:inset 2px 0 0 var(--ds-border-focused,#388bff)}
|
|
@@ -6,14 +6,18 @@
|
|
|
6
6
|
._1bsb1osq{width:100%}
|
|
7
7
|
._1bto1l2s{text-overflow:ellipsis}
|
|
8
8
|
._1e0c1txw{display:flex}
|
|
9
|
+
._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
|
|
10
|
+
._1gqp1r31 svg rect{stroke:currentColor}
|
|
9
11
|
._1o9zidpf{flex-shrink:0}
|
|
10
12
|
._1q511b66{padding-block-start:var(--ds-space-050,4px)}
|
|
11
13
|
._1reo15vq{overflow-x:hidden}
|
|
12
|
-
._1u9j1elr svg circle:first-of-type
|
|
13
|
-
._1u9j1r31 svg circle:first-of-type
|
|
14
|
+
._1u9j1elr svg circle:first-of-type{stroke:var(--ds-border-input,#8590a2)}
|
|
15
|
+
._1u9j1r31 svg circle:first-of-type{stroke:currentColor}
|
|
16
|
+
._1xci892t svg rect{stroke-linejoin:round}
|
|
14
17
|
._4cvr1h6o{align-items:center}
|
|
15
|
-
._59qxe4h9 svg circle:first-of-type
|
|
18
|
+
._59qxe4h9 svg circle:first-of-type{stroke-width:var(--ds-border-width,1px)}
|
|
16
19
|
._85i51b66{padding-block-end:var(--ds-space-050,4px)}
|
|
20
|
+
._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
|
|
17
21
|
._bfhk166n{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
18
22
|
._bfhk1j28{background-color:transparent}
|
|
19
23
|
._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._16cu892t svg circle:first-of-type
|
|
1
|
+
._16cu892t svg circle:first-of-type{stroke-linejoin:round}
|
|
2
2
|
._16jlkb7n{flex-grow:1}
|
|
3
3
|
._16qs1kw7{box-shadow:inherit}
|
|
4
4
|
._16qsn8hf{box-shadow:inset 2px 0 0 var(--ds-border-focused,#388bff)}
|
|
@@ -6,14 +6,18 @@
|
|
|
6
6
|
._1bsb1osq{width:100%}
|
|
7
7
|
._1bto1l2s{text-overflow:ellipsis}
|
|
8
8
|
._1e0c1txw{display:flex}
|
|
9
|
+
._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
|
|
10
|
+
._1gqp1r31 svg rect{stroke:currentColor}
|
|
9
11
|
._1o9zidpf{flex-shrink:0}
|
|
10
12
|
._1q511b66{padding-block-start:var(--ds-space-050,4px)}
|
|
11
13
|
._1reo15vq{overflow-x:hidden}
|
|
12
|
-
._1u9j1elr svg circle:first-of-type
|
|
13
|
-
._1u9j1r31 svg circle:first-of-type
|
|
14
|
+
._1u9j1elr svg circle:first-of-type{stroke:var(--ds-border-input,#8590a2)}
|
|
15
|
+
._1u9j1r31 svg circle:first-of-type{stroke:currentColor}
|
|
16
|
+
._1xci892t svg rect{stroke-linejoin:round}
|
|
14
17
|
._4cvr1h6o{align-items:center}
|
|
15
|
-
._59qxe4h9 svg circle:first-of-type
|
|
18
|
+
._59qxe4h9 svg circle:first-of-type{stroke-width:var(--ds-border-width,1px)}
|
|
16
19
|
._85i51b66{padding-block-end:var(--ds-space-050,4px)}
|
|
20
|
+
._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
|
|
17
21
|
._bfhk166n{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
18
22
|
._bfhk1j28{background-color:transparent}
|
|
19
23
|
._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* components.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* components.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
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._16cu892t svg circle:first-of-type
|
|
1
|
+
._16cu892t svg circle:first-of-type{stroke-linejoin:round}
|
|
2
2
|
._16jlkb7n{flex-grow:1}
|
|
3
3
|
._16qs1kw7{box-shadow:inherit}
|
|
4
4
|
._16qsn8hf{box-shadow:inset 2px 0 0 var(--ds-border-focused,#388bff)}
|
|
@@ -6,14 +6,18 @@
|
|
|
6
6
|
._1bsb1osq{width:100%}
|
|
7
7
|
._1bto1l2s{text-overflow:ellipsis}
|
|
8
8
|
._1e0c1txw{display:flex}
|
|
9
|
+
._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
|
|
10
|
+
._1gqp1r31 svg rect{stroke:currentColor}
|
|
9
11
|
._1o9zidpf{flex-shrink:0}
|
|
10
12
|
._1q511b66{padding-block-start:var(--ds-space-050,4px)}
|
|
11
13
|
._1reo15vq{overflow-x:hidden}
|
|
12
|
-
._1u9j1elr svg circle:first-of-type
|
|
13
|
-
._1u9j1r31 svg circle:first-of-type
|
|
14
|
+
._1u9j1elr svg circle:first-of-type{stroke:var(--ds-border-input,#8590a2)}
|
|
15
|
+
._1u9j1r31 svg circle:first-of-type{stroke:currentColor}
|
|
16
|
+
._1xci892t svg rect{stroke-linejoin:round}
|
|
14
17
|
._4cvr1h6o{align-items:center}
|
|
15
|
-
._59qxe4h9 svg circle:first-of-type
|
|
18
|
+
._59qxe4h9 svg circle:first-of-type{stroke-width:var(--ds-border-width,1px)}
|
|
16
19
|
._85i51b66{padding-block-end:var(--ds-space-050,4px)}
|
|
20
|
+
._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
|
|
17
21
|
._bfhk166n{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
18
22
|
._bfhk1j28{background-color:transparent}
|
|
19
23
|
._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* input-options.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* input-options.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./input-options.compiled.css";
|
|
@@ -90,6 +90,10 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
|
|
|
90
90
|
* The `testId` prop appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests. It will be set on the menu element when defined: `{testId}--menu`
|
|
91
91
|
*/
|
|
92
92
|
testId?: string;
|
|
93
|
+
/**
|
|
94
|
+
* If `true`, the input value will be kept when an option is selected. The default is `false`.
|
|
95
|
+
*/
|
|
96
|
+
shouldKeepInputOnSelect?: boolean;
|
|
93
97
|
}
|
|
94
98
|
interface State<Modifiers = string> {
|
|
95
99
|
focusLockEnabled: boolean;
|
|
@@ -90,6 +90,10 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
|
|
|
90
90
|
* The `testId` prop appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests. It will be set on the menu element when defined: `{testId}--menu`
|
|
91
91
|
*/
|
|
92
92
|
testId?: string;
|
|
93
|
+
/**
|
|
94
|
+
* If `true`, the input value will be kept when an option is selected. The default is `false`.
|
|
95
|
+
*/
|
|
96
|
+
shouldKeepInputOnSelect?: boolean;
|
|
93
97
|
}
|
|
94
98
|
interface State<Modifiers = string> {
|
|
95
99
|
focusLockEnabled: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/select",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.3.0",
|
|
4
4
|
"description": "Select allows users to make a single selection or multiple selections from a list of options.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
36
36
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
37
|
-
"@atlaskit/icon": "^28.
|
|
37
|
+
"@atlaskit/icon": "^28.2.0",
|
|
38
38
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
39
39
|
"@atlaskit/primitives": "^14.14.0",
|
|
40
|
-
"@atlaskit/react-select": "^3.
|
|
40
|
+
"@atlaskit/react-select": "^3.6.0",
|
|
41
41
|
"@atlaskit/spinner": "^19.0.0",
|
|
42
42
|
"@atlaskit/theme": "^21.0.0",
|
|
43
43
|
"@atlaskit/tokens": "^6.3.0",
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
"@af/visual-regression": "workspace:^",
|
|
61
61
|
"@atlaskit/button": "^23.4.0",
|
|
62
62
|
"@atlaskit/checkbox": "^17.1.0",
|
|
63
|
-
"@atlaskit/docs": "^11.
|
|
63
|
+
"@atlaskit/docs": "^11.1.0",
|
|
64
64
|
"@atlaskit/drawer": "^11.0.0",
|
|
65
|
-
"@atlaskit/form": "^12.
|
|
65
|
+
"@atlaskit/form": "^12.6.0",
|
|
66
66
|
"@atlaskit/link": "^3.2.0",
|
|
67
67
|
"@atlaskit/logo": "^19.7.0",
|
|
68
68
|
"@atlaskit/modal-dialog": "^14.3.0",
|