Socket
Socket
Sign inDemoInstall

react-select

Package Overview
Dependencies
Maintainers
5
Versions
180
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-select - npm Package Compare versions

Comparing version 5.0.0-beta.0 to 5.0.0-beta.1

dist/index-3b062ade.cjs.prod.js
dist/index-e49163b7.cjs.dev.js
dist/index-fd4f5d85.esm.js
dist/Select-5a355dba.cjs.dev.js
dist/Select-b81394e0.cjs.prod.js
dist/Select-de8d601b.esm.js
dist/useAsync-189fdd7d.cjs.dev.js
dist/useAsync-2d499613.esm.js
dist/useAsync-d8b3f984.cjs.prod.js
dist/useCreatable-1dd23304.cjs.dev.js
dist/useCreatable-b5e02420.cjs.prod.js
dist/useCreatable-ff535bc1.esm.js
dist/useStateManager-6f19ca20.esm.js
dist/useStateManager-8ff08b81.cjs.dev.js
dist/useStateManager-8fff1bba.cjs.prod.js

72

animated/dist/react-select.cjs.dev.js

@@ -5,3 +5,3 @@ 'use strict';

var index$1 = require('../../dist/index-97f24564.cjs.dev.js');
var index$1 = require('../../dist/index-e49163b7.cjs.dev.js');
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');

@@ -56,2 +56,3 @@ var memoizeOne = require('memoize-one');

var nodeRef = React.useRef(null);
var transition = {

@@ -76,6 +77,8 @@ entering: {

in: inProp,
timeout: duration
timeout: duration,
nodeRef: nodeRef
}, function (state) {
var innerProps = {
style: index$1._objectSpread2({}, transition[state])
style: index$1._objectSpread2({}, transition[state]),
ref: nodeRef
};

@@ -122,24 +125,4 @@ return /*#__PURE__*/React__default['default'].createElement(Tag, _extends__default['default']({

};
_this.nodeRef = /*#__PURE__*/React.createRef();
_this.getWidth = function (ref) {
if (ref && isNaN(_this.state.width)) {
/*
Here we're invoking requestAnimationFrame with a callback invoking our
call to getBoundingClientRect and setState in order to resolve an edge case
around portalling. Certain portalling solutions briefly remove children from the DOM
before appending them to the target node. This is to avoid us trying to call getBoundingClientrect
while the Select component is in this state.
*/
// cannot use `offsetWidth` because it is rounded
_this.rafID = window.requestAnimationFrame(function () {
var _ref$getBoundingClien = ref.getBoundingClientRect(),
width = _ref$getBoundingClien.width;
_this.setState({
width: width
});
});
}
};
_this.getStyle = function (width) {

@@ -161,2 +144,32 @@ return {

_createClass__default['default'](Collapse, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
var ref = this.nodeRef.current;
/*
A check on existence of ref should not be necessary at this point,
but TypeScript demands it.
*/
if (ref) {
/*
Here we're invoking requestAnimationFrame with a callback invoking our
call to getBoundingClientRect and setState in order to resolve an edge case
around portalling. Certain portalling solutions briefly remove children from the DOM
before appending them to the target node. This is to avoid us trying to call getBoundingClientrect
while the Select component is in this state.
*/
// cannot use `offsetWidth` because it is rounded
this.rafID = window.requestAnimationFrame(function () {
var _ref$getBoundingClien = ref.getBoundingClientRect(),
width = _ref$getBoundingClien.width;
_this2.setState({
width: width
});
});
}
}
}, {
key: "componentWillUnmount",

@@ -167,3 +180,3 @@ value: function componentWillUnmount() {

}
} // width must be calculated; cannot transition from `undefined` to `number`
} // get base styles

@@ -173,3 +186,3 @@ }, {

value: function render() {
var _this2 = this;
var _this3 = this;

@@ -185,8 +198,9 @@ var _this$props = this.props,

in: inProp,
timeout: this.duration
timeout: this.duration,
nodeRef: this.nodeRef
}, function (state) {
var style = index$1._objectSpread2(index$1._objectSpread2({}, _this2.getStyle(width)), _this2.getTransition(state));
var style = index$1._objectSpread2(index$1._objectSpread2({}, _this3.getStyle(width)), _this3.getTransition(state));
return /*#__PURE__*/React__default['default'].createElement("div", {
ref: _this2.getWidth,
ref: _this3.nodeRef,
style: style

@@ -193,0 +207,0 @@ }, children);

39

animated/dist/react-select.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";

var index$1 = require("../../dist/index-1b148735.cjs.prod.js"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), memoizeOne = require("memoize-one"), React = require("react"), _extends = require("@babel/runtime/helpers/extends"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), reactTransitionGroup = require("react-transition-group");
var index$1 = require("../../dist/index-3b062ade.cjs.prod.js"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), memoizeOne = require("memoize-one"), React = require("react"), _extends = require("@babel/runtime/helpers/extends"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), reactTransitionGroup = require("react-transition-group");

@@ -29,3 +29,3 @@ function _interopDefault(e) {

_ref.onExited;
var props = _objectWithoutProperties__default.default(_ref, _excluded$2), transition = {
var props = _objectWithoutProperties__default.default(_ref, _excluded$2), nodeRef = React.useRef(null), transition = {
entering: {

@@ -49,6 +49,8 @@ opacity: 0

in: inProp,
timeout: duration
timeout: duration,
nodeRef: nodeRef
}, (function(state) {
var innerProps = {
style: index$1._objectSpread2({}, transition[state])
style: index$1._objectSpread2({}, transition[state]),
ref: nodeRef
};

@@ -77,10 +79,3 @@ return React__default.default.createElement(Tag, _extends__default.default({

}
}, _this.getWidth = function(ref) {
ref && isNaN(_this.state.width) && (_this.rafID = window.requestAnimationFrame((function() {
var width = ref.getBoundingClientRect().width;
_this.setState({
width: width
});
})));
}, _this.getStyle = function(width) {
}, _this.nodeRef = React.createRef(), _this.getStyle = function(width) {
return {

@@ -96,2 +91,13 @@ overflow: "hidden",

return _createClass__default.default(Collapse, [ {
key: "componentDidMount",
value: function() {
var _this2 = this, ref = this.nodeRef.current;
ref && (this.rafID = window.requestAnimationFrame((function() {
var width = ref.getBoundingClientRect().width;
_this2.setState({
width: width
});
})));
}
}, {
key: "componentWillUnmount",

@@ -104,3 +110,3 @@ value: function() {

value: function() {
var _this2 = this, _this$props = this.props, children = _this$props.children, inProp = _this$props.in, width = this.state.width;
var _this3 = this, _this$props = this.props, children = _this$props.children, inProp = _this$props.in, width = this.state.width;
return React__default.default.createElement(reactTransitionGroup.Transition, {

@@ -111,7 +117,8 @@ enter: !1,

in: inProp,
timeout: this.duration
timeout: this.duration,
nodeRef: this.nodeRef
}, (function(state) {
var style = index$1._objectSpread2(index$1._objectSpread2({}, _this2.getStyle(width)), _this2.getTransition(state));
var style = index$1._objectSpread2(index$1._objectSpread2({}, _this3.getStyle(width)), _this3.getTransition(state));
return React__default.default.createElement("div", {
ref: _this2.getWidth,
ref: _this3.nodeRef,
style: style

@@ -118,0 +125,0 @@ }, children);

74

animated/dist/react-select.esm.js

@@ -1,5 +0,5 @@

import { a as _objectSpread2, _ as _createSuper, F as defaultComponents } from '../../dist/index-bf813086.esm.js';
import { a as _objectSpread2, _ as _createSuper, F as defaultComponents } from '../../dist/index-fd4f5d85.esm.js';
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import memoizeOne from 'memoize-one';
import React, { Component } from 'react';
import React, { useRef, createRef, Component } from 'react';
import _extends from '@babel/runtime/helpers/esm/extends';

@@ -41,2 +41,3 @@ import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';

var nodeRef = useRef(null);
var transition = {

@@ -61,6 +62,8 @@ entering: {

in: inProp,
timeout: duration
timeout: duration,
nodeRef: nodeRef
}, function (state) {
var innerProps = {
style: _objectSpread2({}, transition[state])
style: _objectSpread2({}, transition[state]),
ref: nodeRef
};

@@ -107,24 +110,4 @@ return /*#__PURE__*/React.createElement(Tag, _extends({

};
_this.nodeRef = /*#__PURE__*/createRef();
_this.getWidth = function (ref) {
if (ref && isNaN(_this.state.width)) {
/*
Here we're invoking requestAnimationFrame with a callback invoking our
call to getBoundingClientRect and setState in order to resolve an edge case
around portalling. Certain portalling solutions briefly remove children from the DOM
before appending them to the target node. This is to avoid us trying to call getBoundingClientrect
while the Select component is in this state.
*/
// cannot use `offsetWidth` because it is rounded
_this.rafID = window.requestAnimationFrame(function () {
var _ref$getBoundingClien = ref.getBoundingClientRect(),
width = _ref$getBoundingClien.width;
_this.setState({
width: width
});
});
}
};
_this.getStyle = function (width) {

@@ -146,2 +129,32 @@ return {

_createClass(Collapse, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
var ref = this.nodeRef.current;
/*
A check on existence of ref should not be necessary at this point,
but TypeScript demands it.
*/
if (ref) {
/*
Here we're invoking requestAnimationFrame with a callback invoking our
call to getBoundingClientRect and setState in order to resolve an edge case
around portalling. Certain portalling solutions briefly remove children from the DOM
before appending them to the target node. This is to avoid us trying to call getBoundingClientrect
while the Select component is in this state.
*/
// cannot use `offsetWidth` because it is rounded
this.rafID = window.requestAnimationFrame(function () {
var _ref$getBoundingClien = ref.getBoundingClientRect(),
width = _ref$getBoundingClien.width;
_this2.setState({
width: width
});
});
}
}
}, {
key: "componentWillUnmount",

@@ -152,3 +165,3 @@ value: function componentWillUnmount() {

}
} // width must be calculated; cannot transition from `undefined` to `number`
} // get base styles

@@ -158,3 +171,3 @@ }, {

value: function render() {
var _this2 = this;
var _this3 = this;

@@ -170,8 +183,9 @@ var _this$props = this.props,

in: inProp,
timeout: this.duration
timeout: this.duration,
nodeRef: this.nodeRef
}, function (state) {
var style = _objectSpread2(_objectSpread2({}, _this2.getStyle(width)), _this2.getTransition(state));
var style = _objectSpread2(_objectSpread2({}, _this3.getStyle(width)), _this3.getTransition(state));
return /*#__PURE__*/React.createElement("div", {
ref: _this2.getWidth,
ref: _this3.nodeRef,
style: style

@@ -178,0 +192,0 @@ }, children);

10

async-creatable/dist/react-select.cjs.dev.js

@@ -6,8 +6,8 @@ 'use strict';

var _extends = require('@babel/runtime/helpers/extends');
var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
var base_dist_reactSelect = require('../../dist/Select-5a355dba.cjs.dev.js');
var React = require('react');
var useAsync = require('../../dist/useAsync-850cc2f7.cjs.dev.js');
var useStateManager = require('../../dist/useStateManager-9a696a0b.cjs.dev.js');
var useCreatable = require('../../dist/useCreatable-faa3da33.cjs.dev.js');
require('../../dist/index-97f24564.cjs.dev.js');
var useAsync = require('../../dist/useAsync-189fdd7d.cjs.dev.js');
var useStateManager = require('../../dist/useStateManager-8ff08b81.cjs.dev.js');
var useCreatable = require('../../dist/useCreatable-1dd23304.cjs.dev.js');
require('../../dist/index-e49163b7.cjs.dev.js');
require('@emotion/react');

@@ -14,0 +14,0 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');

4

async-creatable/dist/react-select.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";

var _extends = require("@babel/runtime/helpers/extends"), base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js"), React = require("react"), useAsync = require("../../dist/useAsync-7e1fe527.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-bfbe3571.cjs.prod.js"), useCreatable = require("../../dist/useCreatable-8c976e7d.cjs.prod.js");
var _extends = require("@babel/runtime/helpers/extends"), base_dist_reactSelect = require("../../dist/Select-b81394e0.cjs.prod.js"), React = require("react"), useAsync = require("../../dist/useAsync-d8b3f984.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-8fff1bba.cjs.prod.js"), useCreatable = require("../../dist/useCreatable-b5e02420.cjs.prod.js");

@@ -16,3 +16,3 @@ function _interopDefault(e) {

require("../../dist/index-1b148735.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("../../dist/index-3b062ade.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),

@@ -19,0 +19,0 @@ require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),

10

async-creatable/dist/react-select.esm.js
import _extends from '@babel/runtime/helpers/esm/extends';
import { S as Select } from '../../dist/Select-e525c82d.esm.js';
import { S as Select } from '../../dist/Select-de8d601b.esm.js';
import React from 'react';
import { u as useAsync } from '../../dist/useAsync-051d33ba.esm.js';
import { u as useStateManager } from '../../dist/useStateManager-3965ca69.esm.js';
import { u as useCreatable } from '../../dist/useCreatable-6767ffe2.esm.js';
import '../../dist/index-bf813086.esm.js';
import { u as useAsync } from '../../dist/useAsync-2d499613.esm.js';
import { u as useStateManager } from '../../dist/useStateManager-6f19ca20.esm.js';
import { u as useCreatable } from '../../dist/useCreatable-ff535bc1.esm.js';
import '../../dist/index-fd4f5d85.esm.js';
import '@emotion/react';

@@ -9,0 +9,0 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';

8

async/dist/react-select.cjs.dev.js

@@ -7,6 +7,6 @@ 'use strict';

var React = require('react');
var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
var useStateManager = require('../../dist/useStateManager-9a696a0b.cjs.dev.js');
var useAsync = require('../../dist/useAsync-850cc2f7.cjs.dev.js');
require('../../dist/index-97f24564.cjs.dev.js');
var base_dist_reactSelect = require('../../dist/Select-5a355dba.cjs.dev.js');
var useStateManager = require('../../dist/useStateManager-8ff08b81.cjs.dev.js');
var useAsync = require('../../dist/useAsync-189fdd7d.cjs.dev.js');
require('../../dist/index-e49163b7.cjs.dev.js');
require('@emotion/react');

@@ -13,0 +13,0 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');

4

async/dist/react-select.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";

var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-bfbe3571.cjs.prod.js"), useAsync = require("../../dist/useAsync-7e1fe527.cjs.prod.js");
var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-b81394e0.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-8fff1bba.cjs.prod.js"), useAsync = require("../../dist/useAsync-d8b3f984.cjs.prod.js");

@@ -16,3 +16,3 @@ function _interopDefault(e) {

require("../../dist/index-1b148735.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("../../dist/index-3b062ade.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),

@@ -19,0 +19,0 @@ require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),

8

async/dist/react-select.esm.js
import _extends from '@babel/runtime/helpers/esm/extends';
import React from 'react';
import { S as Select } from '../../dist/Select-e525c82d.esm.js';
import { u as useStateManager } from '../../dist/useStateManager-3965ca69.esm.js';
import { u as useAsync } from '../../dist/useAsync-051d33ba.esm.js';
import '../../dist/index-bf813086.esm.js';
import { S as Select } from '../../dist/Select-de8d601b.esm.js';
import { u as useStateManager } from '../../dist/useStateManager-6f19ca20.esm.js';
import { u as useAsync } from '../../dist/useAsync-2d499613.esm.js';
import '../../dist/index-fd4f5d85.esm.js';
import '@emotion/react';

@@ -8,0 +8,0 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';

4

base/dist/react-select.cjs.dev.js

@@ -6,3 +6,3 @@ 'use strict';

require('@babel/runtime/helpers/extends');
require('../../dist/index-97f24564.cjs.dev.js');
require('../../dist/index-e49163b7.cjs.dev.js');
require('@babel/runtime/helpers/classCallCheck');

@@ -13,3 +13,3 @@ require('@babel/runtime/helpers/createClass');

require('react');
var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
var base_dist_reactSelect = require('../../dist/Select-5a355dba.cjs.dev.js');
require('@emotion/react');

@@ -16,0 +16,0 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');

4

base/dist/react-select.cjs.prod.js

@@ -5,3 +5,3 @@ "use strict";

value: !0
}), require("@babel/runtime/helpers/extends"), require("../../dist/index-1b148735.cjs.prod.js"),
}), require("@babel/runtime/helpers/extends"), require("../../dist/index-3b062ade.cjs.prod.js"),
require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),

@@ -11,3 +11,3 @@ require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/toConsumableArray"),

var base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js");
var base_dist_reactSelect = require("../../dist/Select-b81394e0.cjs.prod.js");

@@ -14,0 +14,0 @@ require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),

4

base/dist/react-select.esm.js
import '@babel/runtime/helpers/extends';
import '../../dist/index-bf813086.esm.js';
import '../../dist/index-fd4f5d85.esm.js';
import '@babel/runtime/helpers/classCallCheck';

@@ -8,3 +8,3 @@ import '@babel/runtime/helpers/createClass';

import 'react';
export { S as default, b as defaultProps } from '../../dist/Select-e525c82d.esm.js';
export { S as default, b as defaultProps } from '../../dist/Select-de8d601b.esm.js';
import '@emotion/react';

@@ -11,0 +11,0 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';

8

creatable/dist/react-select.cjs.dev.js

@@ -7,6 +7,6 @@ 'use strict';

var React = require('react');
var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
var useStateManager = require('../../dist/useStateManager-9a696a0b.cjs.dev.js');
var useCreatable = require('../../dist/useCreatable-faa3da33.cjs.dev.js');
require('../../dist/index-97f24564.cjs.dev.js');
var base_dist_reactSelect = require('../../dist/Select-5a355dba.cjs.dev.js');
var useStateManager = require('../../dist/useStateManager-8ff08b81.cjs.dev.js');
var useCreatable = require('../../dist/useCreatable-1dd23304.cjs.dev.js');
require('../../dist/index-e49163b7.cjs.dev.js');
require('@emotion/react');

@@ -13,0 +13,0 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');

4

creatable/dist/react-select.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";

var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-bfbe3571.cjs.prod.js"), useCreatable = require("../../dist/useCreatable-8c976e7d.cjs.prod.js");
var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-b81394e0.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-8fff1bba.cjs.prod.js"), useCreatable = require("../../dist/useCreatable-b5e02420.cjs.prod.js");

@@ -16,3 +16,3 @@ function _interopDefault(e) {

require("../../dist/index-1b148735.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("../../dist/index-3b062ade.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),

@@ -19,0 +19,0 @@ require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),

8

creatable/dist/react-select.esm.js
import _extends from '@babel/runtime/helpers/esm/extends';
import React from 'react';
import { S as Select } from '../../dist/Select-e525c82d.esm.js';
import { u as useStateManager } from '../../dist/useStateManager-3965ca69.esm.js';
import { u as useCreatable } from '../../dist/useCreatable-6767ffe2.esm.js';
import '../../dist/index-bf813086.esm.js';
import { S as Select } from '../../dist/Select-de8d601b.esm.js';
import { u as useStateManager } from '../../dist/useStateManager-6f19ca20.esm.js';
import { u as useCreatable } from '../../dist/useCreatable-ff535bc1.esm.js';
import '../../dist/index-fd4f5d85.esm.js';
import '@emotion/react';

@@ -8,0 +8,0 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';

24

dist/declarations/src/accessibility/index.d.ts

@@ -1,8 +0,10 @@

import { ActionMeta, GroupBase, OnChangeValue, OptionBase, Options, OptionsOrGroups } from '../types';
import { ActionMeta, GroupBase, InitialInputFocusedActionMeta, OnChangeValue, Options, OptionsOrGroups } from '../types';
export declare type OptionContext = 'menu' | 'value';
export declare type GuidanceContext = 'menu' | 'input' | 'value';
export declare type AriaLive = 'polite' | 'off' | 'assertive';
export declare type AriaSelection<Option extends OptionBase, IsMulti extends boolean> = ActionMeta<Option> & {
export declare type AriaSelection<Option, IsMulti extends boolean> = InitialInputFocusedActionMeta<Option, IsMulti> | (ActionMeta<Option> & {
value: OnChangeValue<Option, IsMulti>;
};
option?: Option;
options?: Options<Option>;
});
export interface AriaGuidanceProps {

@@ -22,5 +24,7 @@ /** String value of selectProp aria-label */

}
export declare type AriaOnChangeProps<Option extends OptionBase, IsMulti extends boolean> = AriaSelection<Option, IsMulti> & {
export declare type AriaOnChangeProps<Option, IsMulti extends boolean> = AriaSelection<Option, IsMulti> & {
/** String derived label from selected or removed option/value */
label: string;
/** Array of labels derived from multiple selected or cleared options */
labels: string[];
/** Boolean indicating if the selected menu option is disabled */

@@ -35,3 +39,3 @@ isDisabled: boolean | null;

}
export interface AriaOnFocusProps<Option extends OptionBase, Group extends GroupBase<Option>> {
export interface AriaOnFocusProps<Option, Group extends GroupBase<Option>> {
/** String indicating whether the option was focused in the menu or as (multi-) value */

@@ -53,6 +57,6 @@ context: OptionContext;

export declare type AriaGuidance = (props: AriaGuidanceProps) => string;
export declare type AriaOnChange<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean> = (props: AriaOnChangeProps<Option, IsMulti>) => string;
export declare type AriaOnChange<Option, IsMulti extends boolean> = (props: AriaOnChangeProps<Option, IsMulti>) => string;
export declare type AriaOnFilter = (props: AriaOnFilterProps) => string;
export declare type AriaOnFocus<Option extends OptionBase = OptionBase, Group extends GroupBase<Option> = GroupBase<Option>> = (props: AriaOnFocusProps<Option, Group>) => string;
export interface AriaLiveMessages<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
export declare type AriaOnFocus<Option, Group extends GroupBase<Option> = GroupBase<Option>> = (props: AriaOnFocusProps<Option, Group>) => string;
export interface AriaLiveMessages<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
/** Guidance message used to convey component state and specific keyboard interactivity */

@@ -69,5 +73,5 @@ guidance?: (props: AriaGuidanceProps) => string;

guidance: (props: AriaGuidanceProps) => string;
onChange: <Option extends OptionBase, IsMulti extends boolean>(props: AriaOnChangeProps<Option, IsMulti>) => string;
onFocus: <Option_1 extends OptionBase, Group extends GroupBase<Option_1>>(props: AriaOnFocusProps<Option_1, Group>) => string;
onChange: <Option, IsMulti extends boolean>(props: AriaOnChangeProps<Option, IsMulti>) => string;
onFocus: <Option_1, Group extends GroupBase<Option_1>>(props: AriaOnFocusProps<Option_1, Group>) => string;
onFilter: (props: AriaOnFilterProps) => string;
};

94

dist/declarations/src/animated/index.d.ts

@@ -1,19 +0,19 @@

export declare const Input: (<Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").InputProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const MultiValue: (<Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").MultiValueProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const Placeholder: (<Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").PlaceholderProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const SingleValue: (<Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").SingleValueProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const ValueContainer: (<Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").ValueContainerProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const Input: (<Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").InputProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const MultiValue: (<Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").MultiValueProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const Placeholder: (<Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").PlaceholderProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const SingleValue: (<Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").SingleValueProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
export declare const ValueContainer: (<Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").ValueContainerProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
declare const _default: (externalComponents?: Partial<{
ClearIndicator: <Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_1 extends import("..").OptionBase, IsMulti_1 extends boolean, Group_1 extends import("..").GroupBase<Option_1>>(props: import("..").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_2 extends import("..").OptionBase, IsMulti_2 extends boolean, Group_2 extends import("..").GroupBase<Option_2>>(props: import("..").DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
ClearIndicator: <Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends import("..").GroupBase<Option_1>>(props: import("..").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends import("..").GroupBase<Option_2>>(props: import("..").DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
DownChevron: (props: import("../components/indicators").DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
CrossIcon: (props: import("../components/indicators").CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_3 extends import("..").OptionBase, IsMulti_3 extends boolean, Group_3 extends import("..").GroupBase<Option_3>>(props: import("..").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_4 extends import("..").OptionBase, IsMulti_4 extends boolean, Group_4 extends import("..").GroupBase<Option_4>>(props: import("..").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_5 extends import("..").OptionBase, IsMulti_5 extends boolean, Group_5 extends import("..").GroupBase<Option_5>>(props: import("..").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_6 extends import("..").OptionBase, IsMulti_6 extends boolean, Group_6 extends import("..").GroupBase<Option_6>>(props: import("..").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_7 extends import("..").OptionBase, IsMulti_7 extends boolean, Group_7 extends import("..").GroupBase<Option_7>>(props: import("..").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends import("..").GroupBase<Option_3>>(props: import("..").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends import("..").GroupBase<Option_4>>(props: import("..").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends import("..").GroupBase<Option_5>>(props: import("..").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends import("..").GroupBase<Option_6>>(props: import("..").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends import("..").GroupBase<Option_7>>(props: import("..").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
LoadingIndicator: {
<Option_8 extends import("..").OptionBase, IsMulti_8 extends boolean, Group_8 extends import("..").GroupBase<Option_8>>(props: import("..").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>): import("@emotion/react").jsx.JSX.Element;
<Option_8, IsMulti_8 extends boolean, Group_8 extends import("..").GroupBase<Option_8>>(props: import("..").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -23,7 +23,7 @@ size: number;

};
Menu: <Option_9 extends import("..").OptionBase, IsMulti_9 extends boolean, Group_9 extends import("..").GroupBase<Option_9>>(props: import("..").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_10 extends import("..").OptionBase, IsMulti_10 extends boolean, Group_10 extends import("..").GroupBase<Option_10>>(props: import("..").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends import("..").GroupBase<Option_9>>(props: import("..").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("..").GroupBase<Option_10>>(props: import("..").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
MenuPortal: typeof import("../components/Menu").MenuPortal;
LoadingMessage: {
<Option_11 extends import("..").OptionBase, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>(props: import("..").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
<Option_11, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>(props: import("..").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -34,3 +34,3 @@ children: string;

NoOptionsMessage: {
<Option_12 extends import("..").OptionBase, IsMulti_12 extends boolean, Group_12 extends import("..").GroupBase<Option_12>>(props: import("..").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
<Option_12, IsMulti_12 extends boolean, Group_12 extends import("..").GroupBase<Option_12>>(props: import("..").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -40,24 +40,24 @@ children: string;

};
MultiValue: <Option_13 extends import("..").OptionBase, IsMulti_13 extends boolean, Group_13 extends import("..").GroupBase<Option_13>>(props: import("..").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_14 extends import("..").OptionBase, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_14 extends import("..").OptionBase, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends import("..").GroupBase<Option_13>>(props: import("..").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueRemove: typeof import("../components/MultiValue").MultiValueRemove;
Option: <Option_15 extends import("..").OptionBase, IsMulti_15 extends boolean, Group_15 extends import("..").GroupBase<Option_15>>(props: import("..").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_16 extends import("..").OptionBase, IsMulti_16 extends boolean, Group_16 extends import("..").GroupBase<Option_16>>(props: import("..").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_17 extends import("..").OptionBase, IsMulti_17 extends boolean, Group_17 extends import("..").GroupBase<Option_17>>(props: import("..").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_18 extends import("..").OptionBase, IsMulti_18 extends boolean, Group_18 extends import("..").GroupBase<Option_18>>(props: import("..").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_19 extends import("..").OptionBase, IsMulti_19 extends boolean, Group_19 extends import("..").GroupBase<Option_19>>(props: import("..").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("..").GroupBase<Option_15>>(props: import("..").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("..").GroupBase<Option_16>>(props: import("..").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends import("..").GroupBase<Option_17>>(props: import("..").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("..").GroupBase<Option_18>>(props: import("..").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends import("..").GroupBase<Option_19>>(props: import("..").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
}>) => Partial<{
ClearIndicator: <Option extends import("..").OptionBase, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_1 extends import("..").OptionBase, IsMulti_1 extends boolean, Group_1 extends import("..").GroupBase<Option_1>>(props: import("..").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_2 extends import("..").OptionBase, IsMulti_2 extends boolean, Group_2 extends import("..").GroupBase<Option_2>>(props: import("..").DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
ClearIndicator: <Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends import("..").GroupBase<Option_1>>(props: import("..").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends import("..").GroupBase<Option_2>>(props: import("..").DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
DownChevron: (props: import("../components/indicators").DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
CrossIcon: (props: import("../components/indicators").CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_3 extends import("..").OptionBase, IsMulti_3 extends boolean, Group_3 extends import("..").GroupBase<Option_3>>(props: import("..").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_4 extends import("..").OptionBase, IsMulti_4 extends boolean, Group_4 extends import("..").GroupBase<Option_4>>(props: import("..").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_5 extends import("..").OptionBase, IsMulti_5 extends boolean, Group_5 extends import("..").GroupBase<Option_5>>(props: import("..").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_6 extends import("..").OptionBase, IsMulti_6 extends boolean, Group_6 extends import("..").GroupBase<Option_6>>(props: import("..").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_7 extends import("..").OptionBase, IsMulti_7 extends boolean, Group_7 extends import("..").GroupBase<Option_7>>(props: import("..").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends import("..").GroupBase<Option_3>>(props: import("..").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends import("..").GroupBase<Option_4>>(props: import("..").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends import("..").GroupBase<Option_5>>(props: import("..").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends import("..").GroupBase<Option_6>>(props: import("..").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends import("..").GroupBase<Option_7>>(props: import("..").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
LoadingIndicator: {
<Option_8 extends import("..").OptionBase, IsMulti_8 extends boolean, Group_8 extends import("..").GroupBase<Option_8>>(props: import("..").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>): import("@emotion/react").jsx.JSX.Element;
<Option_8, IsMulti_8 extends boolean, Group_8 extends import("..").GroupBase<Option_8>>(props: import("..").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -67,7 +67,7 @@ size: number;

};
Menu: <Option_9 extends import("..").OptionBase, IsMulti_9 extends boolean, Group_9 extends import("..").GroupBase<Option_9>>(props: import("..").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_10 extends import("..").OptionBase, IsMulti_10 extends boolean, Group_10 extends import("..").GroupBase<Option_10>>(props: import("..").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends import("..").GroupBase<Option_9>>(props: import("..").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("..").GroupBase<Option_10>>(props: import("..").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
MenuPortal: typeof import("../components/Menu").MenuPortal;
LoadingMessage: {
<Option_11 extends import("..").OptionBase, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>(props: import("..").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
<Option_11, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>(props: import("..").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -78,3 +78,3 @@ children: string;

NoOptionsMessage: {
<Option_12 extends import("..").OptionBase, IsMulti_12 extends boolean, Group_12 extends import("..").GroupBase<Option_12>>(props: import("..").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
<Option_12, IsMulti_12 extends boolean, Group_12 extends import("..").GroupBase<Option_12>>(props: import("..").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -84,12 +84,12 @@ children: string;

};
MultiValue: <Option_13 extends import("..").OptionBase, IsMulti_13 extends boolean, Group_13 extends import("..").GroupBase<Option_13>>(props: import("..").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_14 extends import("..").OptionBase, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_14 extends import("..").OptionBase, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends import("..").GroupBase<Option_13>>(props: import("..").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("..").GroupBase<Option_14>>({ children, innerProps, }: import("..").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueRemove: typeof import("../components/MultiValue").MultiValueRemove;
Option: <Option_15 extends import("..").OptionBase, IsMulti_15 extends boolean, Group_15 extends import("..").GroupBase<Option_15>>(props: import("..").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_16 extends import("..").OptionBase, IsMulti_16 extends boolean, Group_16 extends import("..").GroupBase<Option_16>>(props: import("..").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_17 extends import("..").OptionBase, IsMulti_17 extends boolean, Group_17 extends import("..").GroupBase<Option_17>>(props: import("..").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_18 extends import("..").OptionBase, IsMulti_18 extends boolean, Group_18 extends import("..").GroupBase<Option_18>>(props: import("..").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_19 extends import("..").OptionBase, IsMulti_19 extends boolean, Group_19 extends import("..").GroupBase<Option_19>>(props: import("..").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("..").GroupBase<Option_15>>(props: import("..").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("..").GroupBase<Option_16>>(props: import("..").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends import("..").GroupBase<Option_17>>(props: import("..").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("..").GroupBase<Option_18>>(props: import("..").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends import("..").GroupBase<Option_19>>(props: import("..").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
}>;
export default _default;

6

dist/declarations/src/animated/Input.d.ts
import { ReactElement } from 'react';
import { TransitionProps } from 'react-transition-group/Transition';
import { InputProps } from '../components/Input';
import { GroupBase, OptionBase } from '../types';
export declare type InputComponent = <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => ReactElement;
export declare type AnimatedInputProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = InputProps<Option, IsMulti, Group> & Partial<TransitionProps>;
import { GroupBase } from '../types';
export declare type InputComponent = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => ReactElement;
export declare type AnimatedInputProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = InputProps<Option, IsMulti, Group> & Partial<TransitionProps>;
declare const AnimatedInput: (WrappedComponent: InputComponent) => InputComponent;
export default AnimatedInput;

8

dist/declarations/src/animated/MultiValue.d.ts
import { ReactElement } from 'react';
import { TransitionProps } from 'react-transition-group/Transition';
import { MultiValueProps } from '../components/MultiValue';
import { GroupBase, OptionBase } from '../types';
export declare type MultiValueComponent = <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => ReactElement;
export declare type AnimatedMultiValueProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = MultiValueProps<Option, IsMulti, Group> & Partial<TransitionProps>;
declare const AnimatedMultiValue: (WrappedComponent: MultiValueComponent) => <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ in: inProp, onExited, ...props }: AnimatedMultiValueProps<Option, IsMulti, Group>) => JSX.Element;
import { GroupBase } from '../types';
export declare type MultiValueComponent = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => ReactElement;
export declare type AnimatedMultiValueProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = MultiValueProps<Option, IsMulti, Group> & Partial<TransitionProps>;
declare const AnimatedMultiValue: (WrappedComponent: MultiValueComponent) => <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ in: inProp, onExited, ...props }: AnimatedMultiValueProps<Option, IsMulti, Group>) => JSX.Element;
export default AnimatedMultiValue;

6

dist/declarations/src/animated/Placeholder.d.ts
import { ReactElement } from 'react';
import { PlaceholderProps } from '../components/Placeholder';
import { GroupBase, OptionBase } from '../types';
export declare type PlaceholderComponent = <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => ReactElement;
declare const AnimatedPlaceholder: (WrappedComponent: PlaceholderComponent) => <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
import { GroupBase } from '../types';
export declare type PlaceholderComponent = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => ReactElement;
declare const AnimatedPlaceholder: (WrappedComponent: PlaceholderComponent) => <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
export default AnimatedPlaceholder;

6

dist/declarations/src/animated/SingleValue.d.ts
import { ReactElement } from 'react';
import { SingleValueProps } from '../components/SingleValue';
import { GroupBase, OptionBase } from '../types';
export declare type SingleValueComponent = <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => ReactElement;
declare const AnimatedSingleValue: (WrappedComponent: SingleValueComponent) => <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
import { GroupBase } from '../types';
export declare type SingleValueComponent = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => ReactElement;
declare const AnimatedSingleValue: (WrappedComponent: SingleValueComponent) => <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
export default AnimatedSingleValue;

5

dist/declarations/src/animated/transitions.d.ts

@@ -1,2 +0,2 @@

import React, { Component, ComponentType, CSSProperties, ReactNode, RefCallback } from 'react';
import React, { Component, ComponentType, CSSProperties, ReactNode } from 'react';
import { ExitHandler, TransitionStatus } from 'react-transition-group/Transition';

@@ -27,4 +27,5 @@ declare type FadeProps<ComponentProps> = {

};
nodeRef: React.RefObject<HTMLDivElement>;
componentDidMount(): void;
componentWillUnmount(): void;
getWidth: RefCallback<HTMLDivElement>;
getStyle: (width: Width) => CSSProperties;

@@ -31,0 +32,0 @@ getTransition: (state: TransitionStatus) => React.CSSProperties | undefined;

6

dist/declarations/src/animated/ValueContainer.d.ts
import { ReactElement } from 'react';
import { ValueContainerProps } from '../components/containers';
import { GroupBase, OptionBase } from '../types';
export declare type ValueContainerComponent = <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => ReactElement;
declare const AnimatedValueContainer: (WrappedComponent: ValueContainerComponent) => <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;
import { GroupBase } from '../types';
export declare type ValueContainerComponent = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => ReactElement;
declare const AnimatedValueContainer: (WrappedComponent: ValueContainerComponent) => <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;
export default AnimatedValueContainer;

4

dist/declarations/src/Async.d.ts
import { ReactElement, RefAttributes } from 'react';
import Select from './Select';
import { OptionBase, GroupBase } from './types';
import { GroupBase } from './types';
import type { AsyncProps } from './useAsync';
export type { AsyncProps };
declare type AsyncSelect = <Option extends OptionBase = OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare type AsyncSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare const AsyncSelect: AsyncSelect;
export default AsyncSelect;

6

dist/declarations/src/AsyncCreatable.d.ts
import Select from './Select';
import { GroupBase, OptionBase } from './types';
import { GroupBase } from './types';
import { ReactElement, RefAttributes } from 'react';

@@ -7,5 +7,5 @@ import { AsyncAdditionalProps } from './useAsync';

import { CreatableAdditionalProps } from './useCreatable';
declare type AsyncCreatableProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group> & AsyncAdditionalProps<Option, Group>;
declare type AsyncCreatableSelect = <Option extends OptionBase = OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncCreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare type AsyncCreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group> & AsyncAdditionalProps<Option, Group>;
declare type AsyncCreatableSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncCreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare const AsyncCreatableSelect: AsyncCreatableSelect;
export default AsyncCreatableSelect;

10

dist/declarations/src/builtins.d.ts

@@ -1,5 +0,5 @@

import { GroupBase, OptionBase } from './types';
export declare const formatGroupLabel: <Option extends OptionBase, Group extends GroupBase<Option>>(group: Group) => string;
export declare const getOptionLabel: <Option extends OptionBase>(option: Option) => string;
export declare const getOptionValue: <Option extends OptionBase>(option: Option) => string;
export declare const isOptionDisabled: <Option extends OptionBase>(option: Option) => boolean;
import { GroupBase } from './types';
export declare const formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
export declare const getOptionLabel: <Option>(option: Option) => string;
export declare const getOptionValue: <Option>(option: Option) => string;
export declare const isOptionDisabled: <Option>(option: Option) => boolean;

18

dist/declarations/src/components/containers.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
export interface ContainerProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** Whether the select is disabled. */

@@ -14,5 +14,5 @@ isDisabled: boolean;

}
export declare const containerCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isRtl, }: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const SelectContainer: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface ValueContainerProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isRtl, }: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** Props to be passed to the value container element. */

@@ -24,5 +24,5 @@ innerProps?: JSX.IntrinsicElements['div'];

}
export declare const valueContainerCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const ValueContainer: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface IndicatorsContainerProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, }: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
isDisabled: boolean;

@@ -35,2 +35,2 @@ /** The children to be rendered. */

export declare const indicatorsContainerCSS: () => CSSObjectWithLabel;
export declare const IndicatorsContainer: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;

8

dist/declarations/src/components/Control.d.ts
/** @jsx jsx */
import { ReactNode, Ref } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
export interface ControlProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** Children to render. */

@@ -18,4 +18,4 @@ children: ReactNode;

}
export declare const css: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Control: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default Control;

18

dist/declarations/src/components/Group.d.ts
/** @jsx jsx */
import { ComponentType, ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, CX, GetStyles, GroupBase, OptionBase, Options, Theme } from '../types';
import { CommonPropsAndClassName, CSSObjectWithLabel, CX, GetStyles, GroupBase, Options, Theme } from '../types';
import { Props } from '../Select';
export interface ForwardedHeadingProps<Option extends OptionBase, Group extends GroupBase<Option>> {
export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
id: string;
data: Group;
}
export interface GroupProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered. */

@@ -25,5 +25,5 @@ children: ReactNode;

}
export declare const groupCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Group: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
interface GroupHeadingPropsDefinedProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
className?: string | undefined;

@@ -35,5 +35,5 @@ selectProps: Props<Option, IsMulti, Group>;

}
export declare type GroupHeadingProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
export declare const groupHeadingCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const GroupHeading: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default Group;

52

dist/declarations/src/components/index.d.ts

@@ -12,4 +12,4 @@ import { ComponentType } from 'react';

import { SingleValueProps } from './SingleValue';
import { GroupBase, OptionBase } from '../types';
export interface SelectComponents<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
import { GroupBase } from '../types';
export interface SelectComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
ClearIndicator: ComponentType<ClearIndicatorProps<Option, IsMulti, Group>>;

@@ -41,16 +41,16 @@ Control: ComponentType<ControlProps<Option, IsMulti, Group>>;

}
export declare type SelectComponentsConfig<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = Partial<SelectComponents<Option, IsMulti, Group>>;
export declare type SelectComponentsConfig<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Partial<SelectComponents<Option, IsMulti, Group>>;
export declare const components: {
ClearIndicator: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_1 extends OptionBase, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_2 extends OptionBase, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
DownChevron: (props: DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
CrossIcon: (props: CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_3 extends OptionBase, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_4 extends OptionBase, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_5 extends OptionBase, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_6 extends OptionBase, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_7 extends OptionBase, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
LoadingIndicator: {
<Option_8 extends OptionBase, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>): import("@emotion/react").jsx.JSX.Element;
<Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -60,7 +60,7 @@ size: number;

};
Menu: <Option_9 extends OptionBase, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_10 extends OptionBase, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
MenuPortal: typeof MenuPortal;
LoadingMessage: {
<Option_11 extends OptionBase, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
<Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -71,3 +71,3 @@ children: string;

NoOptionsMessage: {
<Option_12 extends OptionBase, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
<Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -77,17 +77,17 @@ children: string;

};
MultiValue: <Option_13 extends OptionBase, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_14 extends OptionBase, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_14 extends OptionBase, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueRemove: typeof MultiValueRemove;
Option: <Option_15 extends OptionBase, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_16 extends OptionBase, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_17 extends OptionBase, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_18 extends OptionBase, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_19 extends OptionBase, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
};
export declare type SelectComponentsGeneric = typeof components;
interface Props<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
components: SelectComponentsConfig<Option, IsMulti, Group>;
}
export declare const defaultComponents: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: Props<Option, IsMulti, Group>) => SelectComponentsGeneric;
export declare const defaultComponents: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: Props<Option, IsMulti, Group>) => SelectComponentsGeneric;
export {};

26

dist/declarations/src/components/indicators.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export declare type CrossIconProps = JSX.IntrinsicElements['svg'] & {

@@ -13,3 +13,3 @@ size?: number;

export declare const DownChevron: (props: DownChevronProps) => jsx.JSX.Element;
export interface DropdownIndicatorProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered inside the indicator. */

@@ -23,5 +23,5 @@ children?: ReactNode;

}
export declare const dropdownIndicatorCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const DropdownIndicator: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface ClearIndicatorProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered inside the indicator. */

@@ -34,5 +34,5 @@ children?: ReactNode;

}
export declare const clearIndicatorCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const ClearIndicator: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface IndicatorSeparatorProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface IndicatorSeparatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
isDisabled: boolean;

@@ -42,6 +42,6 @@ isFocused: boolean;

}
export declare const indicatorSeparatorCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const IndicatorSeparator: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorSeparatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const loadingIndicatorCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export interface LoadingIndicatorProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const IndicatorSeparator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorSeparatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** Props that will be passed on to the children. */

@@ -56,3 +56,3 @@ innerProps: JSX.IntrinsicElements['div'];

export declare const LoadingIndicator: {
<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>): jsx.JSX.Element;
<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>): jsx.JSX.Element;
defaultProps: {

@@ -59,0 +59,0 @@ size: number;

10

dist/declarations/src/components/Input.d.ts
/** @jsx jsx */
import { InputHTMLAttributes } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
export interface InputSpecificProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
/** Reference to the internal element */

@@ -17,5 +17,5 @@ innerRef?: (instance: HTMLInputElement | null) => void;

}
export declare type InputProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
export declare const inputCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors }, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Input: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors }, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default Input;

7

dist/declarations/src/components/LiveRegion.d.ts

@@ -5,4 +5,4 @@ /** @jsx jsx */

import { AriaSelection } from '../accessibility';
import { CommonProps, GroupBase, OptionBase, Options } from '../types';
export interface LiveRegionProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
import { CommonProps, GroupBase, Options } from '../types';
export interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
children: ReactNode;

@@ -18,4 +18,5 @@ innerProps: {

isFocused: boolean;
id: string;
}
declare const LiveRegion: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default LiveRegion;

32

dist/declarations/src/components/Menu.d.ts

@@ -5,3 +5,3 @@ /** @jsx jsx */

import { RectType } from '../utils';
import { MenuPlacement, MenuPosition, CommonProps, Theme, OptionBase, GroupBase, CommonPropsAndClassName, CoercedMenuPlacement, CSSObjectWithLabel } from '../types';
import { MenuPlacement, MenuPosition, CommonProps, Theme, GroupBase, CommonPropsAndClassName, CoercedMenuPlacement, CSSObjectWithLabel } from '../types';
interface MenuState {

@@ -33,3 +33,3 @@ placement: CoercedMenuPlacement | null;

}
export interface MenuProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
/** Reference to the internal element, consumed by the MenuPlacer component */

@@ -51,11 +51,11 @@ innerRef: RefCallback<HTMLDivElement>;

}
export interface MenuPlacerProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
export interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
/** The children to be rendered. */
children: (childrenProps: ChildrenProps) => ReactNode;
}
export declare const menuCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors }, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors }, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const PortalPlacementContext: import("react").Context<{
getPortalPlacement: ((menuState: MenuState) => void) | null;
}>;
export declare class MenuPlacer<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends Component<MenuPlacerProps<Option, IsMulti, Group>, MenuState> {
export declare class MenuPlacer<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Component<MenuPlacerProps<Option, IsMulti, Group>, MenuState> {
state: MenuState;

@@ -91,5 +91,5 @@ static contextType: import("react").Context<{

}
declare const Menu: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default Menu;
export interface MenuListProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** Set the max height of the Menu component */

@@ -106,7 +106,7 @@ maxHeight: number;

}
export declare const menuListCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const MenuList: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const noOptionsMessageCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const loadingMessageCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export interface NoticeProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered. */

@@ -118,3 +118,3 @@ children: ReactNode;

export declare const NoOptionsMessage: {
<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>): jsx.JSX.Element;
<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>): jsx.JSX.Element;
defaultProps: {

@@ -125,3 +125,3 @@ children: string;

export declare const LoadingMessage: {
<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>): jsx.JSX.Element;
<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>): jsx.JSX.Element;
defaultProps: {

@@ -131,3 +131,3 @@ children: string;

};
export interface MenuPortalProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
appendTo: HTMLElement | undefined;

@@ -149,3 +149,3 @@ children: ReactNode;

export declare const menuPortalCSS: ({ rect, offset, position, }: PortalStyleArgs) => CSSObjectWithLabel;
export declare class MenuPortal<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends Component<MenuPortalProps<Option, IsMulti, Group>, MenuPortalState> {
export declare class MenuPortal<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Component<MenuPortalProps<Option, IsMulti, Group>, MenuPortalState> {
state: MenuPortalState;

@@ -152,0 +152,0 @@ getPortalPlacement: ({ placement }: MenuState) => void;

26

dist/declarations/src/components/MultiValue.d.ts
/** @jsx jsx */
import { ComponentType, ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
import { Props } from '../Select';
interface MultiValueComponents<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;

@@ -11,3 +11,3 @@ Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;

}
export interface MultiValueProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
children: ReactNode;

@@ -22,6 +22,6 @@ components: MultiValueComponents<Option, IsMulti, Group>;

}
export declare const multiValueCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const multiValueLabelCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const multiValueRemoveCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export interface MultiValueGenericProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
children: ReactNode;

@@ -34,6 +34,6 @@ data: any;

}
export declare const MultiValueGeneric: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const MultiValueContainer: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const MultiValueLabel: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface MultiValueRemoveProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
export declare const MultiValueGeneric: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
children?: ReactNode;

@@ -44,4 +44,4 @@ data: Option;

}
export declare function MultiValueRemove<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
declare const MultiValue: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default MultiValue;

8

dist/declarations/src/components/Option.d.ts
/** @jsx jsx */
import { ReactNode, RefCallback } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
export interface OptionProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered. */

@@ -26,4 +26,4 @@ children: ReactNode;

}
export declare const optionCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Option: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default Option;

8

dist/declarations/src/components/Placeholder.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
export interface PlaceholderProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered. */

@@ -13,4 +13,4 @@ children: ReactNode;

}
export declare const placeholderCSS: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors }, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Placeholder: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors }, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default Placeholder;

8

dist/declarations/src/components/SingleValue.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase, OptionBase } from '../types';
export interface SingleValueProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
/** The children to be rendered. */

@@ -15,4 +15,4 @@ children: ReactNode;

}
export declare const css: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors }, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const SingleValue: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors }, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
export default SingleValue;

6

dist/declarations/src/Creatable.d.ts
import { ReactElement, RefAttributes } from 'react';
import Select from './Select';
import { OptionBase, GroupBase } from './types';
import { GroupBase } from './types';
import { StateManagerProps } from './useStateManager';
import { CreatableAdditionalProps } from './useCreatable';
export declare type CreatableProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;
declare type CreatableSelect = <Option extends OptionBase = OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: CreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
export declare type CreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;
declare type CreatableSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: CreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare const CreatableSelect: CreatableSelect;
export default CreatableSelect;

7

dist/declarations/src/filters.d.ts

@@ -1,3 +0,2 @@

import { OptionBase } from './types';
export interface FilterOptionOption<Option extends OptionBase> {
export interface FilterOptionOption<Option> {
readonly label: string;

@@ -7,3 +6,3 @@ readonly value: string;

}
interface Config<Option extends OptionBase> {
interface Config<Option> {
readonly ignoreCase?: boolean;

@@ -15,3 +14,3 @@ readonly ignoreAccents?: boolean;

}
export declare const createFilter: <Option extends OptionBase>(config?: Config<Option> | undefined) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
export declare const createFilter: <Option>(config?: Config<Option> | undefined) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
export {};

4

dist/declarations/src/index.d.ts
import Select from './Select';
import { GroupBase, OptionBase } from './types';
import { GroupBase } from './types';
export { default } from './stateManager';

@@ -9,3 +9,3 @@ export { default as NonceProvider } from './NonceProvider';

export { components } from './components';
export declare type SelectInstance<Option extends OptionBase = OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Select<Option, IsMulti, Group>;
export declare type SelectInstance<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Select<Option, IsMulti, Group>;
export type { StateManagerProps as Props } from './useStateManager';

@@ -12,0 +12,0 @@ export type { ContainerProps, IndicatorsContainerProps, ValueContainerProps, } from './components/containers';

97

dist/declarations/src/Select.d.ts

@@ -7,5 +7,5 @@ import React, { Component, FocusEventHandler, FormEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode, RefCallback, TouchEventHandler } from 'react';

import { ThemeConfig } from './theme';
import { ActionMeta, FocusDirection, GetOptionLabel, GetOptionValue, GroupBase, InputActionMeta, MenuPlacement, MenuPosition, OnChangeValue, OptionBase, Options, OptionsOrGroups, PropsValue, SetValueAction } from './types';
import { ActionMeta, FocusDirection, GetOptionLabel, GetOptionValue, GroupBase, InputActionMeta, MenuPlacement, MenuPosition, OnChangeValue, Options, OptionsOrGroups, PropsValue, SetValueAction } from './types';
export declare type FormatOptionLabelContext = 'menu' | 'value';
export interface FormatOptionLabelMeta<Option extends OptionBase> {
export interface FormatOptionLabelMeta<Option> {
context: FormatOptionLabelContext;

@@ -15,3 +15,7 @@ inputValue: string;

}
export interface Props<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
/** HTML ID of an element containing an error message related to the input**/
'aria-errormessage'?: string;
/** Indicate if the value entered in the field is invalid **/
'aria-invalid'?: boolean;
/** Aria label (for assistive tech) */

@@ -213,6 +217,6 @@ 'aria-label'?: string;

escapeClearsValue: boolean;
filterOption: (option: FilterOptionOption<OptionBase>, rawInput: string) => boolean;
formatGroupLabel: <Option extends OptionBase, Group extends GroupBase<Option>>(group: Group) => string;
getOptionLabel: <Option_1 extends OptionBase>(option: Option_1) => string;
getOptionValue: <Option_2 extends OptionBase>(option: Option_2) => string;
filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
getOptionLabel: <Option_1>(option: Option_1) => string;
getOptionValue: <Option_2>(option: Option_2) => string;
isDisabled: boolean;

@@ -223,3 +227,3 @@ isLoading: boolean;

isSearchable: boolean;
isOptionDisabled: <Option_3 extends OptionBase>(option: Option_3) => boolean;
isOptionDisabled: <Option_3>(option: Option_3) => boolean;
loadingMessage: () => string;

@@ -246,3 +250,3 @@ maxMenuHeight: number;

};
interface State<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
ariaSelection: AriaSelection<Option, IsMulti> | null;

@@ -255,6 +259,7 @@ inputIsHidden: boolean;

clearFocusValueOnUpdate: boolean;
prevWasFocused: boolean;
inputIsHiddenAfterUpdate: boolean | null | undefined;
prevProps: Props<Option, IsMulti, Group> | void;
}
interface CategorizedOption<Option extends OptionBase> {
interface CategorizedOption<Option> {
type: 'option';

@@ -268,3 +273,3 @@ data: Option;

}
interface CategorizedGroup<Option extends OptionBase, Group extends GroupBase<Option>> {
interface CategorizedGroup<Option, Group extends GroupBase<Option>> {
type: 'group';

@@ -275,4 +280,4 @@ data: Group;

}
declare type CategorizedGroupOrOption<Option extends OptionBase, Group extends GroupBase<Option>> = CategorizedGroup<Option, Group> | CategorizedOption<Option>;
export default class Select<Option extends OptionBase = OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Component<Props<Option, IsMulti, Group>, State<Option, IsMulti, Group>> {
declare type CategorizedGroupOrOption<Option, Group extends GroupBase<Option>> = CategorizedGroup<Option, Group> | CategorizedOption<Option>;
export default class Select<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Component<Props<Option, IsMulti, Group>, State<Option, IsMulti, Group>> {
static defaultProps: {

@@ -288,6 +293,6 @@ 'aria-live': string;

escapeClearsValue: boolean;
filterOption: (option: FilterOptionOption<OptionBase>, rawInput: string) => boolean;
formatGroupLabel: <Option_1 extends OptionBase, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
getOptionLabel: <Option_2 extends OptionBase>(option: Option_2) => string;
getOptionValue: <Option_3 extends OptionBase>(option: Option_3) => string;
filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
getOptionLabel: <Option_2>(option: Option_2) => string;
getOptionValue: <Option_3>(option: Option_3) => string;
isDisabled: boolean;

@@ -298,3 +303,3 @@ isLoading: boolean;

isSearchable: boolean;
isOptionDisabled: <Option_4 extends OptionBase>(option: Option_4) => boolean;
isOptionDisabled: <Option_4>(option: Option_4) => boolean;
loadingMessage: () => string;

@@ -340,8 +345,12 @@ maxMenuHeight: number;

constructor(props: Props<Option, IsMulti, Group>);
static getDerivedStateFromProps(props: Props<OptionBase, boolean, GroupBase<OptionBase>>, state: State<OptionBase, boolean, GroupBase<OptionBase>>): {
prevProps: Props<OptionBase, boolean, GroupBase<OptionBase>>;
static getDerivedStateFromProps(props: Props<unknown, boolean, GroupBase<unknown>>, state: State<unknown, boolean, GroupBase<unknown>>): {
prevProps: Props<unknown, boolean, GroupBase<unknown>>;
ariaSelection: AriaSelection<unknown, boolean> | null;
prevWasFocused: boolean;
inputIsHidden: boolean;
inputIsHiddenAfterUpdate: undefined;
} | {
prevProps: Props<OptionBase, boolean, GroupBase<OptionBase>>;
prevProps: Props<unknown, boolean, GroupBase<unknown>>;
ariaSelection: AriaSelection<unknown, boolean> | null;
prevWasFocused: boolean;
inputIsHidden?: undefined;

@@ -391,16 +400,16 @@ inputIsHiddenAfterUpdate?: undefined;

getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => import("./types").CSSObjectWithLabel;
getElementId: (element: 'group' | 'input' | 'listbox' | 'option') => string;
getElementId: (element: 'group' | 'input' | 'listbox' | 'option' | 'placeholder' | 'live-region') => string;
getComponents: () => {
ClearIndicator: <Option_1 extends OptionBase, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_2 extends OptionBase, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_3 extends OptionBase, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
Control: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
DropdownIndicator: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
DownChevron: (props: import("./components/indicators").DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
CrossIcon: (props: import("./components/indicators").CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_4 extends OptionBase, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_5 extends OptionBase, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_6 extends OptionBase, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_7 extends OptionBase, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").IndicatorSeparatorProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_8 extends OptionBase, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: import(".").InputProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
Group: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
GroupHeading: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
IndicatorSeparator: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").IndicatorSeparatorProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
Input: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: import(".").InputProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
LoadingIndicator: {
<Option_9 extends OptionBase, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import(".").LoadingIndicatorProps<Option_9, IsMulti_9, Group_9>): import("@emotion/react").jsx.JSX.Element;
<Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import(".").LoadingIndicatorProps<Option_9, IsMulti_9, Group_9>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -410,7 +419,7 @@ size: number;

};
Menu: <Option_10 extends OptionBase, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("./components/Menu").MenuProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_11 extends OptionBase, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/Menu").MenuListProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element;
Menu: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("./components/Menu").MenuProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
MenuList: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/Menu").MenuListProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element;
MenuPortal: typeof import("./components/Menu").MenuPortal;
LoadingMessage: {
<Option_12 extends OptionBase, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("./components/Menu").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
<Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("./components/Menu").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -421,3 +430,3 @@ children: string;

NoOptionsMessage: {
<Option_13 extends OptionBase, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("./components/Menu").NoticeProps<Option_13, IsMulti_13, Group_13>): import("@emotion/react").jsx.JSX.Element;
<Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("./components/Menu").NoticeProps<Option_13, IsMulti_13, Group_13>): import("@emotion/react").jsx.JSX.Element;
defaultProps: {

@@ -427,11 +436,11 @@ children: string;

};
MultiValue: <Option_14 extends OptionBase, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_15 extends OptionBase, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_15 extends OptionBase, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
MultiValueRemove: typeof import("./components/MultiValue").MultiValueRemove;
Option: <Option_16 extends OptionBase, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import(".").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_17 extends OptionBase, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_18 extends OptionBase, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_19 extends OptionBase, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_20 extends OptionBase, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import(".").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
};

@@ -486,3 +495,3 @@ buildCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];

}
export declare type PublicBaseSelectProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = JSX.LibraryManagedAttributes<typeof Select, Props<Option, IsMulti, Group>>;
export declare type PublicBaseSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = JSX.LibraryManagedAttributes<typeof Select, Props<Option, IsMulti, Group>>;
export {};

4

dist/declarations/src/stateManager.d.ts
import { ReactElement, RefAttributes } from 'react';
import { GroupBase, OptionBase } from './types';
import { GroupBase } from './types';
import Select from './Select';
import type { StateManagerProps } from './useStateManager';
export type { StateManagerProps };
declare type StateManagedSelect = <Option extends OptionBase = OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: StateManagerProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare type StateManagedSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: StateManagerProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
declare const StateManagedSelect: StateManagedSelect;
export default StateManagedSelect;

12

dist/declarations/src/styles.d.ts

@@ -11,4 +11,4 @@ import { ContainerProps, IndicatorsContainerProps, ValueContainerProps } from './components/containers';

import { MultiValueProps } from './components/MultiValue';
import { CSSObjectWithLabel, GroupBase, OptionBase } from './types';
export interface StylesProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
import { CSSObjectWithLabel, GroupBase } from './types';
export interface StylesProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
clearIndicator: ClearIndicatorProps<Option, IsMulti, Group>;

@@ -38,11 +38,11 @@ container: ContainerProps<Option, IsMulti, Group>;

declare type StylesFunction<Props> = (props: Props) => CSSObjectWithLabel;
export declare type StylesFunctions<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = {
export declare type StylesFunctions<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
[K in keyof StylesProps<Option, IsMulti, Group>]: StylesFunction<StylesProps<Option, IsMulti, Group>[K]>;
};
export declare type StylesConfigFunction<Props> = (base: CSSObjectWithLabel, props: Props) => CSSObjectWithLabel;
export declare type StylesConfig<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
export declare type StylesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
[K in keyof StylesProps<Option, IsMulti, Group>]?: StylesConfigFunction<StylesProps<Option, IsMulti, Group>[K]>;
};
export declare const defaultStyles: StylesFunctions<OptionBase, boolean, GroupBase<OptionBase>>;
export declare function mergeStyles<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(source: StylesConfig<Option, IsMulti, Group>, target?: StylesConfig<Option, IsMulti, Group>): {
export declare const defaultStyles: StylesFunctions<unknown, boolean, GroupBase<unknown>>;
export declare function mergeStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(source: StylesConfig<Option, IsMulti, Group>, target?: StylesConfig<Option, IsMulti, Group>): {
clearIndicator?: StylesConfigFunction<ClearIndicatorProps<Option, IsMulti, Group>> | undefined;

@@ -49,0 +49,0 @@ container?: StylesConfigFunction<ContainerProps<Option, IsMulti, Group>> | undefined;

51

dist/declarations/src/types.d.ts
import { CSSObject } from '@emotion/serialize';
import { Props } from './Select';
import { StylesProps } from './styles';
export interface OptionBase {
readonly label?: string;
readonly value?: unknown;
readonly isDisabled?: boolean;
readonly __isNew__?: true;
}
export interface GroupBase<Option extends OptionBase> {
export interface GroupBase<Option> {
readonly options: readonly Option[];
readonly label?: string;
}
export declare type OptionsOrGroups<Option extends OptionBase, Group extends GroupBase<Option>> = readonly (Option | Group)[];
export declare type Options<Option extends OptionBase> = readonly Option[];
export declare type SingleValue<Option extends OptionBase> = Option | null;
export declare type MultiValue<Option extends OptionBase> = readonly Option[];
export declare type PropsValue<Option extends OptionBase> = MultiValue<Option> | SingleValue<Option>;
export declare type OnChangeValue<Option extends OptionBase, IsMulti extends boolean> = IsMulti extends true ? MultiValue<Option> : SingleValue<Option>;
export declare type OptionsOrGroups<Option, Group extends GroupBase<Option>> = readonly (Option | Group)[];
export declare type Options<Option> = readonly Option[];
export declare type SingleValue<Option> = Option | null;
export declare type MultiValue<Option> = readonly Option[];
export declare type PropsValue<Option> = MultiValue<Option> | SingleValue<Option>;
export declare type OnChangeValue<Option, IsMulti extends boolean> = IsMulti extends true ? MultiValue<Option> : SingleValue<Option>;
interface Colors {

@@ -53,4 +47,4 @@ primary: string;

export declare type CX = (state: ClassNamesState, className?: string) => string;
export declare type GetStyles<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = <Key extends keyof StylesProps<Option, IsMulti, Group>>(propertyName: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => CSSObjectWithLabel;
export interface CommonProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> {
export declare type GetStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = <Key extends keyof StylesProps<Option, IsMulti, Group>>(propertyName: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => CSSObjectWithLabel;
export interface CommonProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
clearValue: () => void;

@@ -74,6 +68,6 @@ cx: CX;

}
export interface CommonPropsAndClassName<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
export interface CommonPropsAndClassName<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
className?: string | undefined;
}
export interface ActionMetaBase<Option extends OptionBase> {
export interface ActionMetaBase<Option> {
option?: Option | undefined;

@@ -84,3 +78,3 @@ removedValue?: Option;

}
export interface SelectOptionActionMeta<Option extends OptionBase> extends ActionMetaBase<Option> {
export interface SelectOptionActionMeta<Option> extends ActionMetaBase<Option> {
action: 'select-option';

@@ -90,3 +84,3 @@ option: Option | undefined;

}
export interface DeselectOptionActionMeta<Option extends OptionBase> extends ActionMetaBase<Option> {
export interface DeselectOptionActionMeta<Option> extends ActionMetaBase<Option> {
action: 'deselect-option';

@@ -96,3 +90,3 @@ option: Option | undefined;

}
export interface RemoveValueActionMeta<Option extends OptionBase> extends ActionMetaBase<Option> {
export interface RemoveValueActionMeta<Option> extends ActionMetaBase<Option> {
action: 'remove-value';

@@ -102,3 +96,3 @@ removedValue: Option;

}
export interface PopValueActionMeta<Option extends OptionBase> extends ActionMetaBase<Option> {
export interface PopValueActionMeta<Option> extends ActionMetaBase<Option> {
action: 'pop-value';

@@ -108,3 +102,3 @@ removedValue: Option;

}
export interface ClearActionMeta<Option extends OptionBase> extends ActionMetaBase<Option> {
export interface ClearActionMeta<Option> extends ActionMetaBase<Option> {
action: 'clear';

@@ -114,7 +108,12 @@ removedValues: Options<Option>;

}
export interface CreateOptionActionMeta<Option extends OptionBase> extends ActionMetaBase<Option> {
export interface CreateOptionActionMeta<Option> extends ActionMetaBase<Option> {
action: 'create-option';
name?: string;
}
export declare type ActionMeta<Option extends OptionBase> = SelectOptionActionMeta<Option> | DeselectOptionActionMeta<Option> | RemoveValueActionMeta<Option> | PopValueActionMeta<Option> | ClearActionMeta<Option> | CreateOptionActionMeta<Option>;
export interface InitialInputFocusedActionMeta<Option, IsMulti extends boolean> extends ActionMetaBase<Option> {
action: 'initial-input-focus';
value: OnChangeValue<Option, IsMulti>;
options?: Options<Option>;
}
export declare type ActionMeta<Option> = SelectOptionActionMeta<Option> | DeselectOptionActionMeta<Option> | RemoveValueActionMeta<Option> | PopValueActionMeta<Option> | ClearActionMeta<Option> | CreateOptionActionMeta<Option>;
export declare type SetValueAction = 'select-option' | 'deselect-option';

@@ -129,4 +128,4 @@ export declare type InputAction = 'set-value' | 'input-change' | 'input-blur' | 'menu-close';

export declare type FocusDirection = 'up' | 'down' | 'pageup' | 'pagedown' | 'first' | 'last';
export declare type GetOptionLabel<Option extends OptionBase> = (option: Option) => string;
export declare type GetOptionValue<Option extends OptionBase> = (option: Option) => string;
export declare type GetOptionLabel<Option> = (option: Option) => string;
export declare type GetOptionValue<Option> = (option: Option) => string;
export declare type CSSObjectWithLabel = CSSObject & {

@@ -133,0 +132,0 @@ label?: string;

8

dist/declarations/src/useAsync.d.ts
import { StateManagerProps } from './useStateManager';
import { GroupBase, OptionBase, OptionsOrGroups } from './types';
import { GroupBase, OptionsOrGroups } from './types';
declare type AsyncManagedPropKeys = 'options' | 'isLoading' | 'onInputChange' | 'filterOption';
export interface AsyncAdditionalProps<Option extends OptionBase, Group extends GroupBase<Option>> {
export interface AsyncAdditionalProps<Option, Group extends GroupBase<Option>> {
/**

@@ -26,4 +26,4 @@ * The default set of options to show before the user starts searching. When

}
export declare type AsyncProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & AsyncAdditionalProps<Option, Group>;
export default function useAsync<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>({ defaultOptions: propsDefaultOptions, cacheOptions, loadOptions: propsLoadOptions, options: propsOptions, isLoading: propsIsLoading, onInputChange: propsOnInputChange, filterOption, ...restSelectProps }: AsyncProps<Option, IsMulti, Group> & AdditionalProps): StateManagerProps<Option, IsMulti, Group> & Omit<AdditionalProps, keyof AsyncAdditionalProps<Option, Group> | AsyncManagedPropKeys>;
export declare type AsyncProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & AsyncAdditionalProps<Option, Group>;
export default function useAsync<Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>({ defaultOptions: propsDefaultOptions, cacheOptions, loadOptions: propsLoadOptions, options: propsOptions, isLoading: propsIsLoading, onInputChange: propsOnInputChange, filterOption, ...restSelectProps }: AsyncProps<Option, IsMulti, Group> & AdditionalProps): StateManagerProps<Option, IsMulti, Group> & Omit<AdditionalProps, keyof AsyncAdditionalProps<Option, Group> | AsyncManagedPropKeys>;
export {};

10

dist/declarations/src/useCreatable.d.ts
import { ReactNode } from 'react';
import { PublicBaseSelectProps } from './Select';
import { GetOptionLabel, GetOptionValue, GroupBase, OptionBase, Options, OptionsOrGroups } from './types';
export interface Accessors<Option extends OptionBase> {
import { GetOptionLabel, GetOptionValue, GroupBase, Options, OptionsOrGroups } from './types';
export interface Accessors<Option> {
getOptionValue: GetOptionValue<Option>;
getOptionLabel: GetOptionLabel<Option>;
}
export interface CreatableAdditionalProps<Option extends OptionBase, Group extends GroupBase<Option>> {
export interface CreatableAdditionalProps<Option, Group extends GroupBase<Option>> {
/**

@@ -39,4 +39,4 @@ * Allow options to be created while the `isLoading` prop is true. Useful to

}
declare type BaseCreatableProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = PublicBaseSelectProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;
export default function useCreatable<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>({ allowCreateWhileLoading, createOptionPosition, formatCreateLabel, isValidNewOption, getNewOptionData, onCreateOption, options: propsOptions, onChange: propsOnChange, ...restSelectProps }: BaseCreatableProps<Option, IsMulti, Group>): PublicBaseSelectProps<Option, IsMulti, Group>;
declare type BaseCreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = PublicBaseSelectProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;
export default function useCreatable<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ allowCreateWhileLoading, createOptionPosition, formatCreateLabel, isValidNewOption, getNewOptionData, onCreateOption, options: propsOptions, onChange: propsOnChange, ...restSelectProps }: BaseCreatableProps<Option, IsMulti, Group>): PublicBaseSelectProps<Option, IsMulti, Group>;
export {};

10

dist/declarations/src/useStateManager.d.ts

@@ -1,6 +0,6 @@

import { GroupBase, OptionBase, PropsValue } from './types';
import { GroupBase, PropsValue } from './types';
import { PublicBaseSelectProps } from './Select';
declare type StateManagedPropKeys = 'inputValue' | 'menuIsOpen' | 'onChange' | 'onInputChange' | 'onMenuClose' | 'onMenuOpen' | 'value';
declare type SelectPropsWithOptionalStateManagedProps<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>> = Omit<PublicBaseSelectProps<Option, IsMulti, Group>, StateManagedPropKeys> & Partial<PublicBaseSelectProps<Option, IsMulti, Group>>;
export interface StateManagerAdditionalProps<Option extends OptionBase> {
declare type SelectPropsWithOptionalStateManagedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Omit<PublicBaseSelectProps<Option, IsMulti, Group>, StateManagedPropKeys> & Partial<PublicBaseSelectProps<Option, IsMulti, Group>>;
export interface StateManagerAdditionalProps<Option> {
defaultInputValue?: string;

@@ -10,4 +10,4 @@ defaultMenuIsOpen?: boolean;

}
export declare type StateManagerProps<Option extends OptionBase = OptionBase, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = SelectPropsWithOptionalStateManagedProps<Option, IsMulti, Group> & StateManagerAdditionalProps<Option>;
export default function useStateManager<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>({ defaultInputValue, defaultMenuIsOpen, defaultValue, inputValue: propsInputValue, menuIsOpen: propsMenuIsOpen, onChange: propsOnChange, onInputChange: propsOnInputChange, onMenuClose: propsOnMenuClose, onMenuOpen: propsOnMenuOpen, value: propsValue, ...restSelectProps }: StateManagerProps<Option, IsMulti, Group> & AdditionalProps): PublicBaseSelectProps<Option, IsMulti, Group> & Omit<AdditionalProps, keyof StateManagerAdditionalProps<Option> | StateManagedPropKeys>;
export declare type StateManagerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = SelectPropsWithOptionalStateManagedProps<Option, IsMulti, Group> & StateManagerAdditionalProps<Option>;
export default function useStateManager<Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>({ defaultInputValue, defaultMenuIsOpen, defaultValue, inputValue: propsInputValue, menuIsOpen: propsMenuIsOpen, onChange: propsOnChange, onInputChange: propsOnInputChange, onMenuClose: propsOnMenuClose, onMenuOpen: propsOnMenuOpen, value: propsValue, ...restSelectProps }: StateManagerProps<Option, IsMulti, Group> & AdditionalProps): PublicBaseSelectProps<Option, IsMulti, Group> & Omit<AdditionalProps, keyof StateManagerAdditionalProps<Option> | StateManagedPropKeys>;
export {};

12

dist/declarations/src/utils.d.ts

@@ -1,7 +0,7 @@

import { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, OptionBase, Options, PropsValue, SingleValue } from './types';
import { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
export declare const noop: () => void;
export declare const emptyString: () => string;
export declare function classNames(prefix?: string | null, state?: ClassNamesState, className?: string): string;
export declare const cleanValue: <Option extends OptionBase>(value: PropsValue<Option>) => Options<Option>;
export declare const cleanCommonProps: <Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
export declare function handleInputChange(inputValue: string, actionMeta: InputActionMeta, onInputChange?: (newValue: string, actionMeta: InputActionMeta) => string | void): string;

@@ -36,4 +36,4 @@ export declare function isDocumentElement(el: HTMLElement | typeof window): el is typeof window;

export declare function isArray<T>(arg: unknown): arg is readonly T[];
export declare function valueTernary<Option extends OptionBase, IsMulti extends boolean>(isMulti: IsMulti | undefined, multiValue: MultiValue<Option>, singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
export declare function singleValueAsValue<Option extends OptionBase, IsMulti extends boolean>(singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
export declare function multiValueAsValue<Option extends OptionBase, IsMulti extends boolean>(multiValue: MultiValue<Option>): OnChangeValue<Option, IsMulti>;
export declare function valueTernary<Option, IsMulti extends boolean>(isMulti: IsMulti | undefined, multiValue: MultiValue<Option>, singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
export declare function singleValueAsValue<Option, IsMulti extends boolean>(singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
export declare function multiValueAsValue<Option, IsMulti extends boolean>(multiValue: MultiValue<Option>): OnChangeValue<Option, IsMulti>;

6

dist/react-select.cjs.dev.js

@@ -7,8 +7,8 @@ 'use strict';

var React = require('react');
var base_dist_reactSelect = require('./Select-7b597858.cjs.dev.js');
var useStateManager = require('./useStateManager-9a696a0b.cjs.dev.js');
var base_dist_reactSelect = require('./Select-5a355dba.cjs.dev.js');
var useStateManager = require('./useStateManager-8ff08b81.cjs.dev.js');
var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
var _createClass = require('@babel/runtime/helpers/createClass');
var _inherits = require('@babel/runtime/helpers/inherits');
var index = require('./index-97f24564.cjs.dev.js');
var index = require('./index-e49163b7.cjs.dev.js');
var react = require('@emotion/react');

@@ -15,0 +15,0 @@ var createCache = require('@emotion/cache');

2

dist/react-select.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";

var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("./Select-f5a13d08.cjs.prod.js"), useStateManager = require("./useStateManager-bfbe3571.cjs.prod.js"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), index = require("./index-1b148735.cjs.prod.js"), react = require("@emotion/react"), createCache = require("@emotion/cache"), memoizeOne = require("memoize-one");
var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("./Select-b81394e0.cjs.prod.js"), useStateManager = require("./useStateManager-8fff1bba.cjs.prod.js"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), index = require("./index-3b062ade.cjs.prod.js"), react = require("@emotion/react"), createCache = require("@emotion/cache"), memoizeOne = require("memoize-one");

@@ -10,0 +10,0 @@ function _interopDefault(e) {

10

dist/react-select.esm.js
import _extends from '@babel/runtime/helpers/esm/extends';
import React, { Component } from 'react';
import { S as Select } from './Select-e525c82d.esm.js';
export { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-e525c82d.esm.js';
import { u as useStateManager } from './useStateManager-3965ca69.esm.js';
import { S as Select } from './Select-de8d601b.esm.js';
export { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-de8d601b.esm.js';
import { u as useStateManager } from './useStateManager-6f19ca20.esm.js';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import { _ as _createSuper } from './index-bf813086.esm.js';
export { c as components } from './index-bf813086.esm.js';
import { _ as _createSuper } from './index-fd4f5d85.esm.js';
export { c as components } from './index-fd4f5d85.esm.js';
import { CacheProvider } from '@emotion/react';

@@ -12,0 +12,0 @@ import createCache from '@emotion/cache';

2

package.json
{
"name": "react-select",
"version": "5.0.0-beta.0",
"version": "5.0.0-beta.1",
"description": "A Select control built with and for ReactJS",

@@ -5,0 +5,0 @@ "main": "dist/react-select.cjs.js",

51

src/accessibility/index.ts
import {
ActionMeta,
GroupBase,
InitialInputFocusedActionMeta,
OnChangeValue,
OptionBase,
Options,

@@ -16,6 +16,9 @@ OptionsOrGroups,

export type AriaSelection<Option extends OptionBase, IsMulti extends boolean> =
ActionMeta<Option> & {
value: OnChangeValue<Option, IsMulti>;
};
export type AriaSelection<Option, IsMulti extends boolean> =
| InitialInputFocusedActionMeta<Option, IsMulti>
| (ActionMeta<Option> & {
value: OnChangeValue<Option, IsMulti>;
option?: Option;
options?: Options<Option>;
});

@@ -37,8 +40,10 @@ export interface AriaGuidanceProps {

export type AriaOnChangeProps<
Option extends OptionBase,
IsMulti extends boolean
> = AriaSelection<Option, IsMulti> & {
export type AriaOnChangeProps<Option, IsMulti extends boolean> = AriaSelection<
Option,
IsMulti
> & {
/** String derived label from selected or removed option/value */
label: string;
/** Array of labels derived from multiple selected or cleared options */
labels: string[];
/** Boolean indicating if the selected menu option is disabled */

@@ -55,6 +60,3 @@ isDisabled: boolean | null;

export interface AriaOnFocusProps<
Option extends OptionBase,
Group extends GroupBase<Option>
> {
export interface AriaOnFocusProps<Option, Group extends GroupBase<Option>> {
/** String indicating whether the option was focused in the menu or as (multi-) value */

@@ -77,9 +79,8 @@ context: OptionContext;

export type AriaGuidance = (props: AriaGuidanceProps) => string;
export type AriaOnChange<
Option extends OptionBase = OptionBase,
IsMulti extends boolean = boolean
> = (props: AriaOnChangeProps<Option, IsMulti>) => string;
export type AriaOnChange<Option, IsMulti extends boolean> = (
props: AriaOnChangeProps<Option, IsMulti>
) => string;
export type AriaOnFilter = (props: AriaOnFilterProps) => string;
export type AriaOnFocus<
Option extends OptionBase = OptionBase,
Option,
Group extends GroupBase<Option> = GroupBase<Option>

@@ -89,3 +90,3 @@ > = (props: AriaOnFocusProps<Option, Group>) => string;

export interface AriaLiveMessages<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -132,6 +133,6 @@ Group extends GroupBase<Option>

onChange: <Option extends OptionBase, IsMulti extends boolean>(
onChange: <Option, IsMulti extends boolean>(
props: AriaOnChangeProps<Option, IsMulti>
) => {
const { action, label = '', isDisabled } = props;
const { action, label = '', labels, isDisabled } = props;
switch (action) {

@@ -142,2 +143,8 @@ case 'deselect-option':

return `option ${label}, deselected.`;
case 'clear':
return 'All selected options have been cleared.';
case 'initial-input-focus':
return `option${labels.length > 1 ? 's' : ''} ${labels.join(
','
)}, selected.`;
case 'select-option':

@@ -152,3 +159,3 @@ return isDisabled

onFocus: <Option extends OptionBase, Group extends GroupBase<Option>>(
onFocus: <Option, Group extends GroupBase<Option>>(
props: AriaOnFocusProps<Option, Group>

@@ -155,0 +162,0 @@ ) => {

22

src/builtins.ts

@@ -1,20 +0,14 @@

import { GroupBase, OptionBase } from './types';
import { GroupBase } from './types';
export const formatGroupLabel = <
Option extends OptionBase,
Group extends GroupBase<Option>
>(
export const formatGroupLabel = <Option, Group extends GroupBase<Option>>(
group: Group
): string => group.label as string;
export const getOptionLabel = <Option extends OptionBase>(
option: Option
): string => option.label as string;
export const getOptionLabel = <Option>(option: Option): string =>
(option as { label?: unknown }).label as string;
export const getOptionValue = <Option extends OptionBase>(
option: Option
): string => option.value as string;
export const getOptionValue = <Option>(option: Option): string =>
(option as { value?: unknown }).value as string;
export const isOptionDisabled = <Option extends OptionBase>(
option: Option
): boolean => !!option.isDisabled;
export const isOptionDisabled = <Option>(option: Option): boolean =>
!!(option as { isDisabled?: unknown }).isDisabled;

10

src/components/index.ts

@@ -49,6 +49,6 @@ import { ComponentType } from 'react';

import SingleValue, { SingleValueProps } from './SingleValue';
import { GroupBase, OptionBase } from '../types';
import { GroupBase } from '../types';
export interface SelectComponents<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -99,3 +99,3 @@ Group extends GroupBase<Option>

export type SelectComponentsConfig<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -136,3 +136,3 @@ Group extends GroupBase<Option>

interface Props<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -145,3 +145,3 @@ Group extends GroupBase<Option>

export const defaultComponents = <
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -148,0 +148,0 @@ Group extends GroupBase<Option>

14

src/filters.ts
import memoizeOne from 'memoize-one';
import { stripDiacritics } from './diacritics';
import { OptionBase } from './types';
export interface FilterOptionOption<Option extends OptionBase> {
export interface FilterOptionOption<Option> {
readonly label: string;

@@ -11,3 +10,3 @@ readonly value: string;

interface Config<Option extends OptionBase> {
interface Config<Option> {
readonly ignoreCase?: boolean;

@@ -23,11 +22,10 @@ readonly ignoreAccents?: boolean;

const trimString = (str: string) => str.replace(/^\s+|\s+$/g, '');
const defaultStringify = <Option extends OptionBase>(
option: FilterOptionOption<Option>
) => `${option.label} ${option.value}`;
const defaultStringify = <Option>(option: FilterOptionOption<Option>) =>
`${option.label} ${option.value}`;
export const createFilter =
<Option extends OptionBase>(config?: Config<Option>) =>
<Option>(config?: Config<Option>) =>
(option: FilterOptionOption<Option>, rawInput: string): boolean => {
// eslint-disable-next-line no-underscore-dangle
if (option.data.__isNew__) return true;
if ((option.data as { __isNew__?: unknown }).__isNew__) return true;
const { ignoreCase, ignoreAccents, stringify, trim, matchFrom } = {

@@ -34,0 +32,0 @@ ignoreCase: true,

4

src/index.ts
import Select from './Select';
import { GroupBase, OptionBase } from './types';
import { GroupBase } from './types';

@@ -11,3 +11,3 @@ export { default } from './stateManager';

export type SelectInstance<
Option extends OptionBase = OptionBase,
Option = unknown,
IsMulti extends boolean = false,

@@ -14,0 +14,0 @@ Group extends GroupBase<Option> = GroupBase<Option>

14

src/styles.ts

@@ -50,6 +50,6 @@ import {

} from './components/MultiValue';
import { CSSObjectWithLabel, GroupBase, OptionBase } from './types';
import { CSSObjectWithLabel, GroupBase } from './types';
export interface StylesProps<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -84,3 +84,3 @@ Group extends GroupBase<Option>

export type StylesFunctions<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -99,3 +99,3 @@ Group extends GroupBase<Option>

export type StylesConfig<
Option extends OptionBase = OptionBase,
Option = unknown,
IsMulti extends boolean = boolean,

@@ -110,5 +110,5 @@ Group extends GroupBase<Option> = GroupBase<Option>

export const defaultStyles: StylesFunctions<
OptionBase,
unknown,
boolean,
GroupBase<OptionBase>
GroupBase<unknown>
> = {

@@ -143,3 +143,3 @@ clearIndicator: clearIndicatorCSS,

export function mergeStyles<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -146,0 +146,0 @@ Group extends GroupBase<Option>

68

src/types.ts

@@ -5,10 +5,3 @@ import { CSSObject } from '@emotion/serialize';

export interface OptionBase {
readonly label?: string;
readonly value?: unknown;
readonly isDisabled?: boolean;
readonly __isNew__?: true;
}
export interface GroupBase<Option extends OptionBase> {
export interface GroupBase<Option> {
readonly options: readonly Option[];

@@ -18,17 +11,13 @@ readonly label?: string;

export type OptionsOrGroups<
Option extends OptionBase,
Group extends GroupBase<Option>
> = readonly (Option | Group)[];
export type OptionsOrGroups<Option, Group extends GroupBase<Option>> =
readonly (Option | Group)[];
export type Options<Option extends OptionBase> = readonly Option[];
export type Options<Option> = readonly Option[];
export type SingleValue<Option extends OptionBase> = Option | null;
export type MultiValue<Option extends OptionBase> = readonly Option[];
export type SingleValue<Option> = Option | null;
export type MultiValue<Option> = readonly Option[];
export type PropsValue<Option extends OptionBase> =
| MultiValue<Option>
| SingleValue<Option>;
export type PropsValue<Option> = MultiValue<Option> | SingleValue<Option>;
export type OnChangeValue<Option extends OptionBase, IsMulti extends boolean> =
export type OnChangeValue<Option, IsMulti extends boolean> =
IsMulti extends true ? MultiValue<Option> : SingleValue<Option>;

@@ -74,3 +63,3 @@

export type GetStyles<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -84,3 +73,3 @@ Group extends GroupBase<Option>

export interface CommonProps<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -113,3 +102,3 @@ Group extends GroupBase<Option>

export interface CommonPropsAndClassName<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -121,3 +110,3 @@ Group extends GroupBase<Option>

export interface ActionMetaBase<Option extends OptionBase> {
export interface ActionMetaBase<Option> {
option?: Option | undefined;

@@ -129,4 +118,3 @@ removedValue?: Option;

export interface SelectOptionActionMeta<Option extends OptionBase>
extends ActionMetaBase<Option> {
export interface SelectOptionActionMeta<Option> extends ActionMetaBase<Option> {
action: 'select-option';

@@ -137,3 +125,3 @@ option: Option | undefined;

export interface DeselectOptionActionMeta<Option extends OptionBase>
export interface DeselectOptionActionMeta<Option>
extends ActionMetaBase<Option> {

@@ -145,4 +133,3 @@ action: 'deselect-option';

export interface RemoveValueActionMeta<Option extends OptionBase>
extends ActionMetaBase<Option> {
export interface RemoveValueActionMeta<Option> extends ActionMetaBase<Option> {
action: 'remove-value';

@@ -153,4 +140,3 @@ removedValue: Option;

export interface PopValueActionMeta<Option extends OptionBase>
extends ActionMetaBase<Option> {
export interface PopValueActionMeta<Option> extends ActionMetaBase<Option> {
action: 'pop-value';

@@ -161,4 +147,3 @@ removedValue: Option;

export interface ClearActionMeta<Option extends OptionBase>
extends ActionMetaBase<Option> {
export interface ClearActionMeta<Option> extends ActionMetaBase<Option> {
action: 'clear';

@@ -169,9 +154,14 @@ removedValues: Options<Option>;

export interface CreateOptionActionMeta<Option extends OptionBase>
extends ActionMetaBase<Option> {
export interface CreateOptionActionMeta<Option> extends ActionMetaBase<Option> {
action: 'create-option';
name?: string;
}
export interface InitialInputFocusedActionMeta<Option, IsMulti extends boolean>
extends ActionMetaBase<Option> {
action: 'initial-input-focus';
value: OnChangeValue<Option, IsMulti>;
options?: Options<Option>;
}
export type ActionMeta<Option extends OptionBase> =
export type ActionMeta<Option> =
| SelectOptionActionMeta<Option>

@@ -208,9 +198,5 @@ | DeselectOptionActionMeta<Option>

export type GetOptionLabel<Option extends OptionBase> = (
option: Option
) => string;
export type GetOptionValue<Option extends OptionBase> = (
option: Option
) => string;
export type GetOptionLabel<Option> = (option: Option) => string;
export type GetOptionValue<Option> = (option: Option) => string;
export type CSSObjectWithLabel = CSSObject & { label?: string };

16

src/useAsync.ts
import { useCallback, useEffect, useRef, useState } from 'react';
import { handleInputChange } from './utils';
import { StateManagerProps } from './useStateManager';
import {
GroupBase,
InputActionMeta,
OptionBase,
OptionsOrGroups,
} from './types';
import { GroupBase, InputActionMeta, OptionsOrGroups } from './types';

@@ -17,6 +12,3 @@ type AsyncManagedPropKeys =

export interface AsyncAdditionalProps<
Option extends OptionBase,
Group extends GroupBase<Option>
> {
export interface AsyncAdditionalProps<Option, Group extends GroupBase<Option>> {
/**

@@ -50,3 +42,3 @@ * The default set of options to show before the user starts searching. When

export type AsyncProps<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -58,3 +50,3 @@ Group extends GroupBase<Option>

export default function useAsync<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -61,0 +53,0 @@ Group extends GroupBase<Option>,

16

src/useCreatable.ts

@@ -9,3 +9,2 @@ import { ReactNode, useCallback, useMemo } from 'react';

OnChangeValue,
OptionBase,
Options,

@@ -20,3 +19,3 @@ OptionsOrGroups,

export interface Accessors<Option extends OptionBase> {
export interface Accessors<Option> {
getOptionValue: GetOptionValue<Option>;

@@ -27,3 +26,3 @@ getOptionLabel: GetOptionLabel<Option>;

export interface CreatableAdditionalProps<
Option extends OptionBase,
Option,
Group extends GroupBase<Option>

@@ -68,3 +67,3 @@ > {

type BaseCreatableProps<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -75,3 +74,3 @@ Group extends GroupBase<Option>

const compareOption = <Option extends OptionBase>(
const compareOption = <Option>(
inputValue = '',

@@ -89,6 +88,3 @@ option: Option,

formatCreateLabel: (inputValue: string) => `Create "${inputValue}"`,
isValidNewOption: <
Option extends OptionBase,
Group extends GroupBase<Option>
>(
isValidNewOption: <Option, Group extends GroupBase<Option>>(
inputValue: string,

@@ -116,3 +112,3 @@ selectValue: Options<Option>,

export default function useCreatable<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -119,0 +115,0 @@ Group extends GroupBase<Option>

9

src/useStateManager.ts

@@ -6,3 +6,2 @@ import {

OnChangeValue,
OptionBase,
PropsValue,

@@ -23,3 +22,3 @@ } from './types';

type SelectPropsWithOptionalStateManagedProps<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -30,3 +29,3 @@ Group extends GroupBase<Option>

export interface StateManagerAdditionalProps<Option extends OptionBase> {
export interface StateManagerAdditionalProps<Option> {
defaultInputValue?: string;

@@ -38,3 +37,3 @@ defaultMenuIsOpen?: boolean;

export type StateManagerProps<
Option extends OptionBase = OptionBase,
Option = unknown,
IsMulti extends boolean = boolean,

@@ -46,3 +45,3 @@ Group extends GroupBase<Option> = GroupBase<Option>

export default function useStateManager<
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -49,0 +48,0 @@ Group extends GroupBase<Option>,

24

src/utils.ts

@@ -8,3 +8,2 @@ import {

OnChangeValue,
OptionBase,
Options,

@@ -68,3 +67,3 @@ PropsValue,

export const cleanValue = <Option extends OptionBase>(
export const cleanValue = <Option>(
value: PropsValue<Option>

@@ -82,3 +81,3 @@ ): Options<Option> => {

export const cleanCommonProps = <
Option extends OptionBase,
Option,
IsMulti extends boolean,

@@ -355,6 +354,3 @@ Group extends GroupBase<Option>,

export function valueTernary<
Option extends OptionBase,
IsMulti extends boolean
>(
export function valueTernary<Option, IsMulti extends boolean>(
isMulti: IsMulti | undefined,

@@ -367,14 +363,12 @@ multiValue: MultiValue<Option>,

export function singleValueAsValue<
Option extends OptionBase,
IsMulti extends boolean
>(singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti> {
export function singleValueAsValue<Option, IsMulti extends boolean>(
singleValue: SingleValue<Option>
): OnChangeValue<Option, IsMulti> {
return singleValue as OnChangeValue<Option, IsMulti>;
}
export function multiValueAsValue<
Option extends OptionBase,
IsMulti extends boolean
>(multiValue: MultiValue<Option>): OnChangeValue<Option, IsMulti> {
export function multiValueAsValue<Option, IsMulti extends boolean>(
multiValue: MultiValue<Option>
): OnChangeValue<Option, IsMulti> {
return multiValue as OnChangeValue<Option, IsMulti>;
}
dist/index-1b148735.cjs.prod.js
dist/index-97f24564.cjs.dev.js
dist/index-bf813086.esm.js
dist/Select-7b597858.cjs.dev.js
dist/Select-e525c82d.esm.js
dist/Select-f5a13d08.cjs.prod.js
dist/useAsync-051d33ba.esm.js
dist/useAsync-7e1fe527.cjs.prod.js
dist/useAsync-850cc2f7.cjs.dev.js
dist/useCreatable-6767ffe2.esm.js
dist/useCreatable-8c976e7d.cjs.prod.js
dist/useCreatable-faa3da33.cjs.dev.js
dist/useStateManager-3965ca69.esm.js
dist/useStateManager-9a696a0b.cjs.dev.js
dist/useStateManager-bfbe3571.cjs.prod.js
CHANGELOG.md

Sorry, the diff of this file is too big to display

src/__tests__/__snapshots__/Async.test.tsx.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/Creatable.test.tsx.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/Select.test.tsx.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/StateManaged.test.tsx.snap

Sorry, the diff of this file is not supported yet

src/__tests__/Creatable.test.tsx

Sorry, the diff of this file is not supported yet

src/__tests__/Select.test.tsx

Sorry, the diff of this file is not supported yet

src/animated/Input.tsx

Sorry, the diff of this file is not supported yet

src/animated/MultiValue.tsx

Sorry, the diff of this file is not supported yet

src/animated/Placeholder.tsx

Sorry, the diff of this file is not supported yet

src/animated/SingleValue.tsx

Sorry, the diff of this file is not supported yet

src/animated/transitions.tsx

Sorry, the diff of this file is not supported yet

src/animated/ValueContainer.tsx

Sorry, the diff of this file is not supported yet

src/Async.tsx

Sorry, the diff of this file is not supported yet

src/AsyncCreatable.tsx

Sorry, the diff of this file is not supported yet

src/components/containers.tsx

Sorry, the diff of this file is not supported yet

src/components/Control.tsx

Sorry, the diff of this file is not supported yet

src/components/Group.tsx

Sorry, the diff of this file is not supported yet

src/components/indicators.tsx

Sorry, the diff of this file is not supported yet

src/components/Input.tsx

Sorry, the diff of this file is not supported yet

src/components/LiveRegion.tsx

Sorry, the diff of this file is not supported yet

src/components/Menu.tsx

Sorry, the diff of this file is not supported yet

src/components/MultiValue.tsx

Sorry, the diff of this file is not supported yet

src/components/Option.tsx

Sorry, the diff of this file is not supported yet

src/components/Placeholder.tsx

Sorry, the diff of this file is not supported yet

src/components/SingleValue.tsx

Sorry, the diff of this file is not supported yet

src/Creatable.tsx

Sorry, the diff of this file is not supported yet

src/internal/DummyInput.tsx

Sorry, the diff of this file is not supported yet

src/Select.tsx

Sorry, the diff of this file is not supported yet

src/stateManager.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc