@atlaskit/react-select 3.6.1 → 3.7.1
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 +19 -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.compiled.css +6 -6
- package/dist/cjs/components/menu.js +7 -7
- package/dist/cjs/components/multi-value.js +1 -1
- 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/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.compiled.css +6 -6
- package/dist/es2019/components/menu.js +7 -7
- package/dist/es2019/components/multi-value.js +1 -1
- 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/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.compiled.css +6 -6
- package/dist/esm/components/menu.js +7 -7
- package/dist/esm/components/multi-value.js +1 -1
- 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/types/select.d.ts +6 -128
- package/dist/types-ts4.5/select.d.ts +6 -128
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/react-select
|
|
2
2
|
|
|
3
|
+
## 3.7.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
|
|
8
|
+
Add explicit types to a number of DST components
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 3.7.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`b19759f83390f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b19759f83390f) -
|
|
16
|
+
[ux] Updates react-select styles to reflect our new visual design language. These changes were
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 3.6.1
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}.
|
|
3
|
-
.
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
|
|
3
|
+
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
|
|
5
5
|
._18m91wug{overflow-y:auto}
|
|
6
|
-
._19pku2gc{margin-top:var(--ds-space-100,8px)}
|
|
7
6
|
._1bsb1osq{width:100%}
|
|
8
7
|
._1bsb1qxj{width:var(--menu-width)}
|
|
9
|
-
.
|
|
8
|
+
._1e02a1vk{inset-inline-start:var(--menu-left)}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
10
|
+
._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
12
|
+
._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
|
|
12
13
|
._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
|
|
13
14
|
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
14
|
-
._94n51osq{bottom:100%}
|
|
15
15
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
16
16
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
17
17
|
._kqswcp1v{position:var(--menu-position)}
|
|
18
18
|
._kqswh2mm{position:relative}
|
|
19
19
|
._kqswstnw{position:absolute}
|
|
20
|
-
.
|
|
20
|
+
._u7co1osq{inset-block-end:100%}
|
|
21
21
|
._y3gn1h6o{text-align:center}
|
|
22
22
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -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
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -196,9 +196,9 @@ var coercePlacement = function coercePlacement(p) {
|
|
|
196
196
|
return p === 'auto' ? 'bottom' : p;
|
|
197
197
|
};
|
|
198
198
|
var menuStyles = {
|
|
199
|
-
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n
|
|
200
|
-
bottom: "
|
|
201
|
-
top: "
|
|
199
|
+
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
|
|
200
|
+
bottom: "_152t1osq",
|
|
201
|
+
top: "_u7co1osq"
|
|
202
202
|
};
|
|
203
203
|
var menuCSS = exports.menuCSS = function menuCSS() {
|
|
204
204
|
return {};
|
|
@@ -348,7 +348,7 @@ var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref
|
|
|
348
348
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
349
349
|
,
|
|
350
350
|
style: css
|
|
351
|
-
// eslint-disable-next-line
|
|
351
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
352
352
|
,
|
|
353
353
|
role: "option"
|
|
354
354
|
}, innerProps), /*#__PURE__*/React.createElement(_compiled.Text, {
|
|
@@ -379,7 +379,7 @@ var LoadingMessage = exports.LoadingMessage = function LoadingMessage(_ref4) {
|
|
|
379
379
|
,
|
|
380
380
|
style: css
|
|
381
381
|
}, innerProps, {
|
|
382
|
-
// eslint-disable-next-line
|
|
382
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
383
383
|
role: "option"
|
|
384
384
|
}), /*#__PURE__*/React.createElement(_compiled.Text, {
|
|
385
385
|
color: "color.text.subtle"
|
|
@@ -394,7 +394,7 @@ var menuPortalCSS = exports.menuPortalCSS = function menuPortalCSS() {
|
|
|
394
394
|
return {};
|
|
395
395
|
};
|
|
396
396
|
var menuPortalStyles = {
|
|
397
|
-
root: "_1pbykb7n
|
|
397
|
+
root: "_1pbykb7n _1e02a1vk _kqswcp1v _152t1nmo _1bsb1qxj"
|
|
398
398
|
};
|
|
399
399
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
400
400
|
var MenuPortal = exports.MenuPortal = function MenuPortal(props) {
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}.
|
|
3
|
-
.
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
|
|
3
|
+
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
|
|
5
5
|
._18m91wug{overflow-y:auto}
|
|
6
|
-
._19pku2gc{margin-top:var(--ds-space-100,8px)}
|
|
7
6
|
._1bsb1osq{width:100%}
|
|
8
7
|
._1bsb1qxj{width:var(--menu-width)}
|
|
9
|
-
.
|
|
8
|
+
._1e02a1vk{inset-inline-start:var(--menu-left)}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
10
|
+
._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
12
|
+
._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
|
|
12
13
|
._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
|
|
13
14
|
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
14
|
-
._94n51osq{bottom:100%}
|
|
15
15
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
16
16
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
17
17
|
._kqswcp1v{position:var(--menu-position)}
|
|
18
18
|
._kqswh2mm{position:relative}
|
|
19
19
|
._kqswstnw{position:absolute}
|
|
20
|
-
.
|
|
20
|
+
._u7co1osq{inset-block-end:100%}
|
|
21
21
|
._y3gn1h6o{text-align:center}
|
|
22
22
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -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 _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./menu.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -183,9 +183,9 @@ function getMenuPlacement({
|
|
|
183
183
|
|
|
184
184
|
const coercePlacement = p => p === 'auto' ? 'bottom' : p;
|
|
185
185
|
const menuStyles = {
|
|
186
|
-
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n
|
|
187
|
-
bottom: "
|
|
188
|
-
top: "
|
|
186
|
+
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
|
|
187
|
+
bottom: "_152t1osq",
|
|
188
|
+
top: "_u7co1osq"
|
|
189
189
|
};
|
|
190
190
|
export const menuCSS = () => ({});
|
|
191
191
|
const PortalPlacementContext = /*#__PURE__*/createContext(null);
|
|
@@ -338,7 +338,7 @@ export const NoOptionsMessage = ({
|
|
|
338
338
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
339
339
|
,
|
|
340
340
|
style: css
|
|
341
|
-
// eslint-disable-next-line
|
|
341
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
342
342
|
,
|
|
343
343
|
role: "option"
|
|
344
344
|
}, innerProps), /*#__PURE__*/React.createElement(Text, {
|
|
@@ -371,7 +371,7 @@ export const LoadingMessage = ({
|
|
|
371
371
|
,
|
|
372
372
|
style: css
|
|
373
373
|
}, innerProps, {
|
|
374
|
-
// eslint-disable-next-line
|
|
374
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
375
375
|
role: "option"
|
|
376
376
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
377
377
|
color: "color.text.subtle"
|
|
@@ -384,7 +384,7 @@ export const LoadingMessage = ({
|
|
|
384
384
|
|
|
385
385
|
export const menuPortalCSS = () => ({});
|
|
386
386
|
const menuPortalStyles = {
|
|
387
|
-
root: "_1pbykb7n
|
|
387
|
+
root: "_1pbykb7n _1e02a1vk _kqswcp1v _152t1nmo _1bsb1qxj"
|
|
388
388
|
};
|
|
389
389
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
390
390
|
export const MenuPortal = props => {
|
|
@@ -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,22 +1,22 @@
|
|
|
1
1
|
|
|
2
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}.
|
|
3
|
-
.
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
|
|
3
|
+
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
|
|
5
5
|
._18m91wug{overflow-y:auto}
|
|
6
|
-
._19pku2gc{margin-top:var(--ds-space-100,8px)}
|
|
7
6
|
._1bsb1osq{width:100%}
|
|
8
7
|
._1bsb1qxj{width:var(--menu-width)}
|
|
9
|
-
.
|
|
8
|
+
._1e02a1vk{inset-inline-start:var(--menu-left)}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
10
|
+
._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
12
|
+
._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
|
|
12
13
|
._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
|
|
13
14
|
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
14
|
-
._94n51osq{bottom:100%}
|
|
15
15
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
16
16
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
17
17
|
._kqswcp1v{position:var(--menu-position)}
|
|
18
18
|
._kqswh2mm{position:relative}
|
|
19
19
|
._kqswstnw{position:absolute}
|
|
20
|
-
.
|
|
20
|
+
._u7co1osq{inset-block-end:100%}
|
|
21
21
|
._y3gn1h6o{text-align:center}
|
|
22
22
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -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";
|
|
@@ -188,9 +188,9 @@ var coercePlacement = function coercePlacement(p) {
|
|
|
188
188
|
return p === 'auto' ? 'bottom' : p;
|
|
189
189
|
};
|
|
190
190
|
var menuStyles = {
|
|
191
|
-
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n
|
|
192
|
-
bottom: "
|
|
193
|
-
top: "
|
|
191
|
+
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
|
|
192
|
+
bottom: "_152t1osq",
|
|
193
|
+
top: "_u7co1osq"
|
|
194
194
|
};
|
|
195
195
|
export var menuCSS = function menuCSS() {
|
|
196
196
|
return {};
|
|
@@ -343,7 +343,7 @@ export var NoOptionsMessage = function NoOptionsMessage(_ref3) {
|
|
|
343
343
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
344
344
|
,
|
|
345
345
|
style: css
|
|
346
|
-
// eslint-disable-next-line
|
|
346
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
347
347
|
,
|
|
348
348
|
role: "option"
|
|
349
349
|
}, innerProps), /*#__PURE__*/React.createElement(Text, {
|
|
@@ -374,7 +374,7 @@ export var LoadingMessage = function LoadingMessage(_ref4) {
|
|
|
374
374
|
,
|
|
375
375
|
style: css
|
|
376
376
|
}, innerProps, {
|
|
377
|
-
// eslint-disable-next-line
|
|
377
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
378
378
|
role: "option"
|
|
379
379
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
380
380
|
color: "color.text.subtle"
|
|
@@ -389,7 +389,7 @@ export var menuPortalCSS = function menuPortalCSS() {
|
|
|
389
389
|
return {};
|
|
390
390
|
};
|
|
391
391
|
var menuPortalStyles = {
|
|
392
|
-
root: "_1pbykb7n
|
|
392
|
+
root: "_1pbykb7n _1e02a1vk _kqswcp1v _152t1nmo _1bsb1qxj"
|
|
393
393
|
};
|
|
394
394
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
395
395
|
export var MenuPortal = function MenuPortal(props) {
|
|
@@ -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";
|
package/dist/types/select.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
|
|
2
2
|
import { type AriaLiveMessages, type AriaSelection } from './accessibility';
|
|
3
|
-
import { type SelectComponentsConfig } from './components';
|
|
3
|
+
import { defaultComponents, type SelectComponentsConfig } from './components';
|
|
4
4
|
import { type FilterOptionOption } from './filters';
|
|
5
5
|
import { type ClassNamesConfig, type StylesConfig, type StylesProps } from './styles';
|
|
6
|
-
import { type ActionMeta, type FocusDirection, type GetOptionLabel, type GetOptionValue, type GroupBase, type InputActionMeta, type MenuPlacement, type MenuPosition, type OnChangeValue, type Options, type OptionsOrGroups, type PropsValue, type SetValueAction } from './types';
|
|
6
|
+
import { type ActionMeta, type CommonProps, type FocusDirection, type GetOptionLabel, type GetOptionValue, type GroupBase, type InputActionMeta, type MenuPlacement, type MenuPosition, type OnChangeValue, type Options, type OptionsOrGroups, type PropsValue, type SetValueAction } from './types';
|
|
7
7
|
export type FormatOptionLabelContext = 'menu' | 'value';
|
|
8
8
|
export interface FormatOptionLabelMeta<Option> {
|
|
9
9
|
context: FormatOptionLabelContext;
|
|
@@ -438,50 +438,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
|
|
|
438
438
|
*/
|
|
439
439
|
shouldKeepInputOnSelect?: boolean;
|
|
440
440
|
}
|
|
441
|
-
export declare const defaultProps:
|
|
442
|
-
backspaceRemovesValue: boolean;
|
|
443
|
-
blurInputOnSelect: boolean;
|
|
444
|
-
captureMenuScroll: boolean;
|
|
445
|
-
classNames: {};
|
|
446
|
-
closeMenuOnSelect: boolean;
|
|
447
|
-
closeMenuOnScroll: boolean;
|
|
448
|
-
components: {};
|
|
449
|
-
controlShouldRenderValue: boolean;
|
|
450
|
-
escapeClearsValue: boolean;
|
|
451
|
-
filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
|
|
452
|
-
formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
|
|
453
|
-
getOptionLabel: <Option>(option: Option) => string;
|
|
454
|
-
getOptionValue: <Option>(option: Option) => string;
|
|
455
|
-
isDisabled: boolean;
|
|
456
|
-
isLoading: boolean;
|
|
457
|
-
isMulti: boolean;
|
|
458
|
-
isRtl: boolean;
|
|
459
|
-
isSearchable: boolean;
|
|
460
|
-
isOptionDisabled: <Option>(option: Option) => boolean;
|
|
461
|
-
loadingMessage: () => string;
|
|
462
|
-
maxMenuHeight: number;
|
|
463
|
-
minMenuHeight: number;
|
|
464
|
-
menuIsOpen: boolean;
|
|
465
|
-
menuPlacement: string;
|
|
466
|
-
menuPosition: string;
|
|
467
|
-
menuShouldBlockScroll: boolean;
|
|
468
|
-
menuShouldScrollIntoView: boolean;
|
|
469
|
-
noOptionsMessage: () => string;
|
|
470
|
-
openMenuOnFocus: boolean;
|
|
471
|
-
openMenuOnClick: boolean;
|
|
472
|
-
shouldPreventEscapePropagation: boolean;
|
|
473
|
-
options: never[];
|
|
474
|
-
pageSize: number;
|
|
475
|
-
placeholder: string;
|
|
476
|
-
screenReaderStatus: ({ count }: {
|
|
477
|
-
count: number;
|
|
478
|
-
}) => string;
|
|
479
|
-
styles: {};
|
|
480
|
-
tabIndex: number;
|
|
481
|
-
tabSelectsValue: boolean;
|
|
482
|
-
UNSAFE_is_experimental_generic: boolean;
|
|
483
|
-
shouldKeepInputOnSelect: boolean;
|
|
484
|
-
};
|
|
441
|
+
export declare const defaultProps: Omit<SelectProps<unknown, false, GroupBase<unknown>>, 'inputValue' | 'onChange' | 'onInputChange' | 'onMenuOpen' | 'onMenuClose' | 'value' | 'appearance'>;
|
|
485
442
|
interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
486
443
|
ariaSelection: AriaSelection<Option, IsMulti> | null;
|
|
487
444
|
inputIsHidden: boolean;
|
|
@@ -519,50 +476,7 @@ interface CategorizedGroup<Option, Group extends GroupBase<Option>> {
|
|
|
519
476
|
}
|
|
520
477
|
type CategorizedGroupOrOption<Option, Group extends GroupBase<Option>> = CategorizedGroup<Option, Group> | CategorizedOption<Option>;
|
|
521
478
|
export default class Select<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Component<SelectProps<Option, IsMulti, Group>, State<Option, IsMulti, Group>> {
|
|
522
|
-
static defaultProps:
|
|
523
|
-
backspaceRemovesValue: boolean;
|
|
524
|
-
blurInputOnSelect: boolean;
|
|
525
|
-
captureMenuScroll: boolean;
|
|
526
|
-
classNames: {};
|
|
527
|
-
closeMenuOnSelect: boolean;
|
|
528
|
-
closeMenuOnScroll: boolean;
|
|
529
|
-
components: {};
|
|
530
|
-
controlShouldRenderValue: boolean;
|
|
531
|
-
escapeClearsValue: boolean;
|
|
532
|
-
filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
|
|
533
|
-
formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
|
|
534
|
-
getOptionLabel: <Option_1>(option: Option_1) => string;
|
|
535
|
-
getOptionValue: <Option_1>(option: Option_1) => string;
|
|
536
|
-
isDisabled: boolean;
|
|
537
|
-
isLoading: boolean;
|
|
538
|
-
isMulti: boolean;
|
|
539
|
-
isRtl: boolean;
|
|
540
|
-
isSearchable: boolean;
|
|
541
|
-
isOptionDisabled: <Option_1>(option: Option_1) => boolean;
|
|
542
|
-
loadingMessage: () => string;
|
|
543
|
-
maxMenuHeight: number;
|
|
544
|
-
minMenuHeight: number;
|
|
545
|
-
menuIsOpen: boolean;
|
|
546
|
-
menuPlacement: string;
|
|
547
|
-
menuPosition: string;
|
|
548
|
-
menuShouldBlockScroll: boolean;
|
|
549
|
-
menuShouldScrollIntoView: boolean;
|
|
550
|
-
noOptionsMessage: () => string;
|
|
551
|
-
openMenuOnFocus: boolean;
|
|
552
|
-
openMenuOnClick: boolean;
|
|
553
|
-
shouldPreventEscapePropagation: boolean;
|
|
554
|
-
options: never[];
|
|
555
|
-
pageSize: number;
|
|
556
|
-
placeholder: string;
|
|
557
|
-
screenReaderStatus: ({ count }: {
|
|
558
|
-
count: number;
|
|
559
|
-
}) => string;
|
|
560
|
-
styles: {};
|
|
561
|
-
tabIndex: number;
|
|
562
|
-
tabSelectsValue: boolean;
|
|
563
|
-
UNSAFE_is_experimental_generic: boolean;
|
|
564
|
-
shouldKeepInputOnSelect: boolean;
|
|
565
|
-
};
|
|
479
|
+
static defaultProps: typeof defaultProps;
|
|
566
480
|
state: State<Option, IsMulti, Group>;
|
|
567
481
|
blockOptionHover: boolean;
|
|
568
482
|
isComposing: boolean;
|
|
@@ -619,49 +533,13 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
|
|
|
619
533
|
getFocusableOptionsWithIds: () => FocusableOptionWithId<Option>[];
|
|
620
534
|
getValue: () => Options<Option>;
|
|
621
535
|
cx: (...args: any) => string;
|
|
622
|
-
getCommonProps():
|
|
623
|
-
clearValue: () => void;
|
|
624
|
-
cx: (...args: any) => string;
|
|
625
|
-
getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
|
|
626
|
-
getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
|
|
627
|
-
getValue: () => Options<Option>;
|
|
628
|
-
hasValue: boolean;
|
|
629
|
-
isMulti: IsMulti;
|
|
630
|
-
isRtl: boolean;
|
|
631
|
-
options: OptionsOrGroups<Option, Group>;
|
|
632
|
-
selectOption: (newValue: Option) => void;
|
|
633
|
-
selectProps: Readonly<SelectProps<Option, IsMulti, Group>>;
|
|
634
|
-
setValue: (newValue: OnChangeValue<Option, IsMulti>, action: SetValueAction, option?: Option) => void;
|
|
635
|
-
};
|
|
536
|
+
getCommonProps(): CommonProps<Option, IsMulti, Group>;
|
|
636
537
|
getOptionLabel: (data: Option) => string;
|
|
637
538
|
getOptionValue: (data: Option) => string;
|
|
638
539
|
getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
|
|
639
540
|
getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
|
|
640
541
|
getElementId: (element: "group" | "input" | "listbox" | "option" | "placeholder" | "live-region" | "multi-message" | "single-value" | "selected-value") => string;
|
|
641
|
-
getComponents: () =>
|
|
642
|
-
ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
643
|
-
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ControlProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
644
|
-
DropdownIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").DropdownIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
645
|
-
Group: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").GroupProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
646
|
-
GroupHeading: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").GroupHeadingProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
647
|
-
IndicatorsContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").IndicatorsContainerProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
648
|
-
Input: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").InputProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
649
|
-
LoadingIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: import(".").LoadingIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
650
|
-
Menu: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("./components/menu").MenuProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
651
|
-
MenuList: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("./components/menu").MenuListProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
652
|
-
MenuPortal: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("./components/menu").MenuPortalProps<Option_1, IsMulti_1, Group_1>) => JSX.Element | null;
|
|
653
|
-
LoadingMessage: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
654
|
-
NoOptionsMessage: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
655
|
-
MultiValue: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").MultiValueProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
656
|
-
MultiValueContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: import(".").MultiValueGenericProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
657
|
-
MultiValueLabel: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: import(".").MultiValueGenericProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
658
|
-
MultiValueRemove: typeof import("./components/multi-value").MultiValueRemove;
|
|
659
|
-
Option: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").OptionProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
660
|
-
Placeholder: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").PlaceholderProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
661
|
-
SelectContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ContainerProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
662
|
-
SingleValue: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").SingleValueProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
663
|
-
ValueContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ValueContainerProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
664
|
-
};
|
|
542
|
+
getComponents: () => ReturnType<typeof defaultComponents>;
|
|
665
543
|
buildCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
|
|
666
544
|
getCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
|
|
667
545
|
buildFocusableOptions: () => Option[];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
|
|
2
2
|
import { type AriaLiveMessages, type AriaSelection } from './accessibility';
|
|
3
|
-
import { type SelectComponentsConfig } from './components';
|
|
3
|
+
import { defaultComponents, type SelectComponentsConfig } from './components';
|
|
4
4
|
import { type FilterOptionOption } from './filters';
|
|
5
5
|
import { type ClassNamesConfig, type StylesConfig, type StylesProps } from './styles';
|
|
6
|
-
import { type ActionMeta, type FocusDirection, type GetOptionLabel, type GetOptionValue, type GroupBase, type InputActionMeta, type MenuPlacement, type MenuPosition, type OnChangeValue, type Options, type OptionsOrGroups, type PropsValue, type SetValueAction } from './types';
|
|
6
|
+
import { type ActionMeta, type CommonProps, type FocusDirection, type GetOptionLabel, type GetOptionValue, type GroupBase, type InputActionMeta, type MenuPlacement, type MenuPosition, type OnChangeValue, type Options, type OptionsOrGroups, type PropsValue, type SetValueAction } from './types';
|
|
7
7
|
export type FormatOptionLabelContext = 'menu' | 'value';
|
|
8
8
|
export interface FormatOptionLabelMeta<Option> {
|
|
9
9
|
context: FormatOptionLabelContext;
|
|
@@ -438,50 +438,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
|
|
|
438
438
|
*/
|
|
439
439
|
shouldKeepInputOnSelect?: boolean;
|
|
440
440
|
}
|
|
441
|
-
export declare const defaultProps:
|
|
442
|
-
backspaceRemovesValue: boolean;
|
|
443
|
-
blurInputOnSelect: boolean;
|
|
444
|
-
captureMenuScroll: boolean;
|
|
445
|
-
classNames: {};
|
|
446
|
-
closeMenuOnSelect: boolean;
|
|
447
|
-
closeMenuOnScroll: boolean;
|
|
448
|
-
components: {};
|
|
449
|
-
controlShouldRenderValue: boolean;
|
|
450
|
-
escapeClearsValue: boolean;
|
|
451
|
-
filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
|
|
452
|
-
formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
|
|
453
|
-
getOptionLabel: <Option>(option: Option) => string;
|
|
454
|
-
getOptionValue: <Option>(option: Option) => string;
|
|
455
|
-
isDisabled: boolean;
|
|
456
|
-
isLoading: boolean;
|
|
457
|
-
isMulti: boolean;
|
|
458
|
-
isRtl: boolean;
|
|
459
|
-
isSearchable: boolean;
|
|
460
|
-
isOptionDisabled: <Option>(option: Option) => boolean;
|
|
461
|
-
loadingMessage: () => string;
|
|
462
|
-
maxMenuHeight: number;
|
|
463
|
-
minMenuHeight: number;
|
|
464
|
-
menuIsOpen: boolean;
|
|
465
|
-
menuPlacement: string;
|
|
466
|
-
menuPosition: string;
|
|
467
|
-
menuShouldBlockScroll: boolean;
|
|
468
|
-
menuShouldScrollIntoView: boolean;
|
|
469
|
-
noOptionsMessage: () => string;
|
|
470
|
-
openMenuOnFocus: boolean;
|
|
471
|
-
openMenuOnClick: boolean;
|
|
472
|
-
shouldPreventEscapePropagation: boolean;
|
|
473
|
-
options: never[];
|
|
474
|
-
pageSize: number;
|
|
475
|
-
placeholder: string;
|
|
476
|
-
screenReaderStatus: ({ count }: {
|
|
477
|
-
count: number;
|
|
478
|
-
}) => string;
|
|
479
|
-
styles: {};
|
|
480
|
-
tabIndex: number;
|
|
481
|
-
tabSelectsValue: boolean;
|
|
482
|
-
UNSAFE_is_experimental_generic: boolean;
|
|
483
|
-
shouldKeepInputOnSelect: boolean;
|
|
484
|
-
};
|
|
441
|
+
export declare const defaultProps: Omit<SelectProps<unknown, false, GroupBase<unknown>>, 'inputValue' | 'onChange' | 'onInputChange' | 'onMenuOpen' | 'onMenuClose' | 'value' | 'appearance'>;
|
|
485
442
|
interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
486
443
|
ariaSelection: AriaSelection<Option, IsMulti> | null;
|
|
487
444
|
inputIsHidden: boolean;
|
|
@@ -519,50 +476,7 @@ interface CategorizedGroup<Option, Group extends GroupBase<Option>> {
|
|
|
519
476
|
}
|
|
520
477
|
type CategorizedGroupOrOption<Option, Group extends GroupBase<Option>> = CategorizedGroup<Option, Group> | CategorizedOption<Option>;
|
|
521
478
|
export default class Select<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Component<SelectProps<Option, IsMulti, Group>, State<Option, IsMulti, Group>> {
|
|
522
|
-
static defaultProps:
|
|
523
|
-
backspaceRemovesValue: boolean;
|
|
524
|
-
blurInputOnSelect: boolean;
|
|
525
|
-
captureMenuScroll: boolean;
|
|
526
|
-
classNames: {};
|
|
527
|
-
closeMenuOnSelect: boolean;
|
|
528
|
-
closeMenuOnScroll: boolean;
|
|
529
|
-
components: {};
|
|
530
|
-
controlShouldRenderValue: boolean;
|
|
531
|
-
escapeClearsValue: boolean;
|
|
532
|
-
filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
|
|
533
|
-
formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
|
|
534
|
-
getOptionLabel: <Option_1>(option: Option_1) => string;
|
|
535
|
-
getOptionValue: <Option_1>(option: Option_1) => string;
|
|
536
|
-
isDisabled: boolean;
|
|
537
|
-
isLoading: boolean;
|
|
538
|
-
isMulti: boolean;
|
|
539
|
-
isRtl: boolean;
|
|
540
|
-
isSearchable: boolean;
|
|
541
|
-
isOptionDisabled: <Option_1>(option: Option_1) => boolean;
|
|
542
|
-
loadingMessage: () => string;
|
|
543
|
-
maxMenuHeight: number;
|
|
544
|
-
minMenuHeight: number;
|
|
545
|
-
menuIsOpen: boolean;
|
|
546
|
-
menuPlacement: string;
|
|
547
|
-
menuPosition: string;
|
|
548
|
-
menuShouldBlockScroll: boolean;
|
|
549
|
-
menuShouldScrollIntoView: boolean;
|
|
550
|
-
noOptionsMessage: () => string;
|
|
551
|
-
openMenuOnFocus: boolean;
|
|
552
|
-
openMenuOnClick: boolean;
|
|
553
|
-
shouldPreventEscapePropagation: boolean;
|
|
554
|
-
options: never[];
|
|
555
|
-
pageSize: number;
|
|
556
|
-
placeholder: string;
|
|
557
|
-
screenReaderStatus: ({ count }: {
|
|
558
|
-
count: number;
|
|
559
|
-
}) => string;
|
|
560
|
-
styles: {};
|
|
561
|
-
tabIndex: number;
|
|
562
|
-
tabSelectsValue: boolean;
|
|
563
|
-
UNSAFE_is_experimental_generic: boolean;
|
|
564
|
-
shouldKeepInputOnSelect: boolean;
|
|
565
|
-
};
|
|
479
|
+
static defaultProps: typeof defaultProps;
|
|
566
480
|
state: State<Option, IsMulti, Group>;
|
|
567
481
|
blockOptionHover: boolean;
|
|
568
482
|
isComposing: boolean;
|
|
@@ -619,49 +533,13 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
|
|
|
619
533
|
getFocusableOptionsWithIds: () => FocusableOptionWithId<Option>[];
|
|
620
534
|
getValue: () => Options<Option>;
|
|
621
535
|
cx: (...args: any) => string;
|
|
622
|
-
getCommonProps():
|
|
623
|
-
clearValue: () => void;
|
|
624
|
-
cx: (...args: any) => string;
|
|
625
|
-
getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
|
|
626
|
-
getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
|
|
627
|
-
getValue: () => Options<Option>;
|
|
628
|
-
hasValue: boolean;
|
|
629
|
-
isMulti: IsMulti;
|
|
630
|
-
isRtl: boolean;
|
|
631
|
-
options: OptionsOrGroups<Option, Group>;
|
|
632
|
-
selectOption: (newValue: Option) => void;
|
|
633
|
-
selectProps: Readonly<SelectProps<Option, IsMulti, Group>>;
|
|
634
|
-
setValue: (newValue: OnChangeValue<Option, IsMulti>, action: SetValueAction, option?: Option) => void;
|
|
635
|
-
};
|
|
536
|
+
getCommonProps(): CommonProps<Option, IsMulti, Group>;
|
|
636
537
|
getOptionLabel: (data: Option) => string;
|
|
637
538
|
getOptionValue: (data: Option) => string;
|
|
638
539
|
getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
|
|
639
540
|
getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
|
|
640
541
|
getElementId: (element: "group" | "input" | "listbox" | "option" | "placeholder" | "live-region" | "multi-message" | "single-value" | "selected-value") => string;
|
|
641
|
-
getComponents: () =>
|
|
642
|
-
ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
643
|
-
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ControlProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
644
|
-
DropdownIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").DropdownIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
645
|
-
Group: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").GroupProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
646
|
-
GroupHeading: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").GroupHeadingProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
647
|
-
IndicatorsContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").IndicatorsContainerProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
648
|
-
Input: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").InputProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
649
|
-
LoadingIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: import(".").LoadingIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
650
|
-
Menu: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("./components/menu").MenuProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
651
|
-
MenuList: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("./components/menu").MenuListProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
652
|
-
MenuPortal: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("./components/menu").MenuPortalProps<Option_1, IsMulti_1, Group_1>) => JSX.Element | null;
|
|
653
|
-
LoadingMessage: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
654
|
-
NoOptionsMessage: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
655
|
-
MultiValue: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").MultiValueProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
656
|
-
MultiValueContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: import(".").MultiValueGenericProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
657
|
-
MultiValueLabel: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: import(".").MultiValueGenericProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
658
|
-
MultiValueRemove: typeof import("./components/multi-value").MultiValueRemove;
|
|
659
|
-
Option: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").OptionProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
660
|
-
Placeholder: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").PlaceholderProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
661
|
-
SelectContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ContainerProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
662
|
-
SingleValue: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").SingleValueProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
663
|
-
ValueContainer: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ValueContainerProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
|
|
664
|
-
};
|
|
542
|
+
getComponents: () => ReturnType<typeof defaultComponents>;
|
|
665
543
|
buildCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
|
|
666
544
|
getCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
|
|
667
545
|
buildFocusableOptions: () => Option[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-select",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.1",
|
|
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",
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
],
|
|
21
21
|
"atlaskit:src": "src/index.tsx",
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@atlaskit/ds-lib": "^5.
|
|
24
|
-
"@atlaskit/icon": "^28.
|
|
23
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
24
|
+
"@atlaskit/icon": "^28.3.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.15.0",
|
|
28
28
|
"@atlaskit/spinner": "^19.0.0",
|
|
29
|
-
"@atlaskit/tokens": "^6.
|
|
29
|
+
"@atlaskit/tokens": "^6.4.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": "^
|
|
42
|
+
"@atlaskit/form": "^14.2.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",
|