@atlaskit/react-select 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/components/containers.compiled.css +26 -0
- package/dist/cjs/components/containers.js +80 -12
- package/dist/cjs/components/control.js +50 -7
- package/dist/cjs/components/group.js +60 -10
- package/dist/cjs/components/indicators.js +128 -13
- package/dist/cjs/components/input.js +50 -7
- package/dist/cjs/components/internal/a11y-text.js +14 -5
- package/dist/cjs/components/internal/dummy-input.js +21 -5
- package/dist/cjs/components/internal/required-input.js +24 -6
- package/dist/cjs/components/live-region.js +101 -5
- package/dist/cjs/components/menu.js +436 -25
- package/dist/cjs/components/multi-value.js +148 -17
- package/dist/cjs/components/option.js +41 -7
- package/dist/cjs/components/placeholder.js +29 -7
- package/dist/cjs/components/single-value.js +30 -7
- package/dist/es2019/components/containers.compiled.css +26 -0
- package/dist/es2019/components/containers.js +93 -9
- package/dist/es2019/components/control.js +54 -6
- package/dist/es2019/components/group.js +67 -7
- package/dist/es2019/components/indicators.js +131 -9
- package/dist/es2019/components/input.js +53 -5
- package/dist/es2019/components/internal/a11y-text.js +12 -4
- package/dist/es2019/components/internal/dummy-input.js +19 -5
- package/dist/es2019/components/internal/required-input.js +22 -4
- package/dist/es2019/components/live-region.js +104 -4
- package/dist/es2019/components/menu.js +444 -17
- package/dist/es2019/components/multi-value.js +158 -11
- package/dist/es2019/components/option.js +45 -5
- package/dist/es2019/components/placeholder.js +33 -5
- package/dist/es2019/components/single-value.js +34 -5
- package/dist/esm/components/containers.compiled.css +26 -0
- package/dist/esm/components/containers.js +78 -11
- package/dist/esm/components/control.js +51 -6
- package/dist/esm/components/group.js +60 -9
- package/dist/esm/components/indicators.js +127 -13
- package/dist/esm/components/input.js +50 -6
- package/dist/esm/components/internal/a11y-text.js +12 -4
- package/dist/esm/components/internal/dummy-input.js +20 -5
- package/dist/esm/components/internal/required-input.js +22 -5
- package/dist/esm/components/live-region.js +99 -4
- package/dist/esm/components/menu.js +437 -25
- package/dist/esm/components/multi-value.js +148 -16
- package/dist/esm/components/option.js +41 -6
- package/dist/esm/components/placeholder.js +29 -6
- package/dist/esm/components/single-value.js +30 -6
- package/dist/types/components/containers.d.ts +12 -8
- package/dist/types/components/control.d.ts +7 -3
- package/dist/types/components/group.d.ts +10 -6
- package/dist/types/components/index.d.ts +21 -21
- package/dist/types/components/indicators.d.ts +12 -8
- package/dist/types/components/input.d.ts +8 -4
- package/dist/types/components/internal/a11y-text.d.ts +2 -2
- package/dist/types/components/internal/dummy-input.d.ts +7 -3
- package/dist/types/components/internal/required-input.d.ts +4 -0
- package/dist/types/components/live-region.d.ts +0 -2
- package/dist/types/components/menu.d.ts +17 -13
- package/dist/types/components/multi-value.d.ts +13 -9
- package/dist/types/components/option.d.ts +8 -4
- package/dist/types/components/placeholder.d.ts +8 -4
- package/dist/types/components/single-value.d.ts +8 -4
- package/dist/types/select.d.ts +21 -21
- package/dist/types-ts4.5/components/containers.d.ts +12 -8
- package/dist/types-ts4.5/components/control.d.ts +7 -3
- package/dist/types-ts4.5/components/group.d.ts +10 -6
- package/dist/types-ts4.5/components/index.d.ts +21 -21
- package/dist/types-ts4.5/components/indicators.d.ts +12 -8
- package/dist/types-ts4.5/components/input.d.ts +8 -4
- package/dist/types-ts4.5/components/internal/a11y-text.d.ts +2 -2
- package/dist/types-ts4.5/components/internal/dummy-input.d.ts +7 -3
- package/dist/types-ts4.5/components/internal/required-input.d.ts +4 -0
- package/dist/types-ts4.5/components/live-region.d.ts +0 -2
- package/dist/types-ts4.5/components/menu.d.ts +17 -13
- package/dist/types-ts4.5/components/multi-value.d.ts +13 -9
- package/dist/types-ts4.5/components/option.d.ts +8 -4
- package/dist/types-ts4.5/components/placeholder.d.ts +8 -4
- package/dist/types-ts4.5/components/single-value.d.ts +8 -4
- package/dist/types-ts4.5/select.d.ts +21 -21
- package/package.json +2 -2
- package/dist/cjs/compiled/components/control.js +0 -65
- package/dist/cjs/compiled/components/group.js +0 -80
- package/dist/cjs/compiled/components/indicators.js +0 -158
- package/dist/cjs/compiled/components/input.js +0 -65
- package/dist/cjs/compiled/components/internal/a11y-text.js +0 -24
- package/dist/cjs/compiled/components/internal/dummy-input.js +0 -30
- package/dist/cjs/compiled/components/internal/required-input.js +0 -35
- package/dist/cjs/compiled/components/live-region.js +0 -117
- package/dist/cjs/compiled/components/menu.js +0 -489
- package/dist/cjs/compiled/components/multi-value.js +0 -173
- package/dist/cjs/compiled/components/option.js +0 -56
- package/dist/cjs/compiled/components/placeholder.js +0 -44
- package/dist/cjs/compiled/components/single-value.js +0 -45
- package/dist/cjs/emotion/components/containers.js +0 -117
- package/dist/cjs/emotion/components/control.js +0 -112
- package/dist/cjs/emotion/components/group.js +0 -72
- package/dist/cjs/emotion/components/indicators.js +0 -140
- package/dist/cjs/emotion/components/input.js +0 -94
- package/dist/cjs/emotion/components/internal/a11y-text.js +0 -37
- package/dist/cjs/emotion/components/internal/dummy-input.js +0 -45
- package/dist/cjs/emotion/components/internal/index.js +0 -34
- package/dist/cjs/emotion/components/internal/required-input.js +0 -45
- package/dist/cjs/emotion/components/internal/scroll-manager.js +0 -59
- package/dist/cjs/emotion/components/internal/use-scroll-capture.js +0 -132
- package/dist/cjs/emotion/components/internal/use-scroll-lock.js +0 -149
- package/dist/cjs/emotion/components/live-region.js +0 -120
- package/dist/cjs/emotion/components/menu.js +0 -456
- package/dist/cjs/emotion/components/multi-value.js +0 -199
- package/dist/cjs/emotion/components/option.js +0 -84
- package/dist/cjs/emotion/components/placeholder.js +0 -36
- package/dist/cjs/emotion/components/single-value.js +0 -42
- package/dist/es2019/compiled/components/control.js +0 -58
- package/dist/es2019/compiled/components/group.js +0 -72
- package/dist/es2019/compiled/components/indicators.js +0 -146
- package/dist/es2019/compiled/components/input.js +0 -56
- package/dist/es2019/compiled/components/internal/a11y-text.js +0 -13
- package/dist/es2019/compiled/components/internal/dummy-input.js +0 -20
- package/dist/es2019/compiled/components/internal/required-input.js +0 -25
- package/dist/es2019/compiled/components/live-region.js +0 -112
- package/dist/es2019/compiled/components/menu.js +0 -477
- package/dist/es2019/compiled/components/multi-value.js +0 -165
- package/dist/es2019/compiled/components/option.js +0 -48
- package/dist/es2019/compiled/components/placeholder.js +0 -36
- package/dist/es2019/compiled/components/single-value.js +0 -37
- package/dist/es2019/emotion/components/containers.js +0 -114
- package/dist/es2019/emotion/components/control.js +0 -108
- package/dist/es2019/emotion/components/group.js +0 -60
- package/dist/es2019/emotion/components/indicators.js +0 -131
- package/dist/es2019/emotion/components/input.js +0 -87
- package/dist/es2019/emotion/components/internal/a11y-text.js +0 -28
- package/dist/es2019/emotion/components/internal/dummy-input.js +0 -38
- package/dist/es2019/emotion/components/internal/index.js +0 -4
- package/dist/es2019/emotion/components/internal/required-input.js +0 -36
- package/dist/es2019/emotion/components/internal/scroll-manager.js +0 -51
- package/dist/es2019/emotion/components/internal/use-scroll-capture.js +0 -128
- package/dist/es2019/emotion/components/internal/use-scroll-lock.js +0 -143
- package/dist/es2019/emotion/components/live-region.js +0 -120
- package/dist/es2019/emotion/components/menu.js +0 -452
- package/dist/es2019/emotion/components/multi-value.js +0 -203
- package/dist/es2019/emotion/components/option.js +0 -79
- package/dist/es2019/emotion/components/placeholder.js +0 -29
- package/dist/es2019/emotion/components/single-value.js +0 -35
- package/dist/esm/compiled/components/control.js +0 -57
- package/dist/esm/compiled/components/group.js +0 -71
- package/dist/esm/compiled/components/indicators.js +0 -150
- package/dist/esm/compiled/components/input.js +0 -56
- package/dist/esm/compiled/components/internal/a11y-text.js +0 -15
- package/dist/esm/compiled/components/internal/dummy-input.js +0 -21
- package/dist/esm/compiled/components/internal/required-input.js +0 -26
- package/dist/esm/compiled/components/live-region.js +0 -109
- package/dist/esm/compiled/components/menu.js +0 -484
- package/dist/esm/compiled/components/multi-value.js +0 -162
- package/dist/esm/compiled/components/option.js +0 -47
- package/dist/esm/compiled/components/placeholder.js +0 -35
- package/dist/esm/compiled/components/single-value.js +0 -36
- package/dist/esm/emotion/components/containers.js +0 -110
- package/dist/esm/emotion/components/control.js +0 -104
- package/dist/esm/emotion/components/group.js +0 -66
- package/dist/esm/emotion/components/indicators.js +0 -135
- package/dist/esm/emotion/components/input.js +0 -90
- package/dist/esm/emotion/components/internal/a11y-text.js +0 -30
- package/dist/esm/emotion/components/internal/dummy-input.js +0 -39
- package/dist/esm/emotion/components/internal/index.js +0 -4
- package/dist/esm/emotion/components/internal/required-input.js +0 -37
- package/dist/esm/emotion/components/internal/scroll-manager.js +0 -51
- package/dist/esm/emotion/components/internal/use-scroll-capture.js +0 -126
- package/dist/esm/emotion/components/internal/use-scroll-lock.js +0 -143
- package/dist/esm/emotion/components/live-region.js +0 -117
- package/dist/esm/emotion/components/menu.js +0 -456
- package/dist/esm/emotion/components/multi-value.js +0 -193
- package/dist/esm/emotion/components/option.js +0 -76
- package/dist/esm/emotion/components/placeholder.js +0 -28
- package/dist/esm/emotion/components/single-value.js +0 -34
- package/dist/types/compiled/components/control.d.ts +0 -41
- package/dist/types/compiled/components/group.d.ts +0 -54
- package/dist/types/compiled/components/indicators.d.ts +0 -72
- package/dist/types/compiled/components/input.d.ts +0 -36
- package/dist/types/compiled/components/internal/a11y-text.d.ts +0 -3
- package/dist/types/compiled/components/internal/dummy-input.d.ts +0 -8
- package/dist/types/compiled/components/internal/required-input.d.ts +0 -10
- package/dist/types/compiled/components/live-region.d.ts +0 -17
- package/dist/types/compiled/components/menu.d.ts +0 -115
- package/dist/types/compiled/components/multi-value.d.ts +0 -57
- package/dist/types/compiled/components/option.d.ts +0 -48
- package/dist/types/compiled/components/placeholder.d.ts +0 -21
- package/dist/types/compiled/components/single-value.d.ts +0 -27
- package/dist/types/emotion/components/containers.d.ts +0 -54
- package/dist/types/emotion/components/control.d.ts +0 -42
- package/dist/types/emotion/components/group.d.ts +0 -52
- package/dist/types/emotion/components/indicators.d.ts +0 -73
- package/dist/types/emotion/components/input.d.ts +0 -37
- package/dist/types/emotion/components/internal/a11y-text.d.ts +0 -8
- package/dist/types/emotion/components/internal/dummy-input.d.ts +0 -9
- package/dist/types/emotion/components/internal/index.d.ts +0 -4
- package/dist/types/emotion/components/internal/required-input.d.ts +0 -10
- package/dist/types/emotion/components/internal/scroll-manager.d.ts +0 -17
- package/dist/types/emotion/components/internal/use-scroll-capture.d.ts +0 -12
- package/dist/types/emotion/components/internal/use-scroll-lock.d.ts +0 -9
- package/dist/types/emotion/components/live-region.d.ts +0 -23
- package/dist/types/emotion/components/menu.d.ts +0 -116
- package/dist/types/emotion/components/multi-value.d.ts +0 -47
- package/dist/types/emotion/components/option.d.ts +0 -49
- package/dist/types/emotion/components/placeholder.d.ts +0 -22
- package/dist/types/emotion/components/single-value.d.ts +0 -28
- package/dist/types-ts4.5/compiled/components/control.d.ts +0 -41
- package/dist/types-ts4.5/compiled/components/group.d.ts +0 -54
- package/dist/types-ts4.5/compiled/components/indicators.d.ts +0 -72
- package/dist/types-ts4.5/compiled/components/input.d.ts +0 -36
- package/dist/types-ts4.5/compiled/components/internal/a11y-text.d.ts +0 -3
- package/dist/types-ts4.5/compiled/components/internal/dummy-input.d.ts +0 -8
- package/dist/types-ts4.5/compiled/components/internal/required-input.d.ts +0 -10
- package/dist/types-ts4.5/compiled/components/live-region.d.ts +0 -17
- package/dist/types-ts4.5/compiled/components/menu.d.ts +0 -115
- package/dist/types-ts4.5/compiled/components/multi-value.d.ts +0 -57
- package/dist/types-ts4.5/compiled/components/option.d.ts +0 -48
- package/dist/types-ts4.5/compiled/components/placeholder.d.ts +0 -21
- package/dist/types-ts4.5/compiled/components/single-value.d.ts +0 -27
- package/dist/types-ts4.5/emotion/components/containers.d.ts +0 -54
- package/dist/types-ts4.5/emotion/components/control.d.ts +0 -42
- package/dist/types-ts4.5/emotion/components/group.d.ts +0 -52
- package/dist/types-ts4.5/emotion/components/indicators.d.ts +0 -73
- package/dist/types-ts4.5/emotion/components/input.d.ts +0 -37
- package/dist/types-ts4.5/emotion/components/internal/a11y-text.d.ts +0 -8
- package/dist/types-ts4.5/emotion/components/internal/dummy-input.d.ts +0 -9
- package/dist/types-ts4.5/emotion/components/internal/index.d.ts +0 -4
- package/dist/types-ts4.5/emotion/components/internal/required-input.d.ts +0 -10
- package/dist/types-ts4.5/emotion/components/internal/scroll-manager.d.ts +0 -17
- package/dist/types-ts4.5/emotion/components/internal/use-scroll-capture.d.ts +0 -12
- package/dist/types-ts4.5/emotion/components/internal/use-scroll-lock.d.ts +0 -9
- package/dist/types-ts4.5/emotion/components/live-region.d.ts +0 -23
- package/dist/types-ts4.5/emotion/components/menu.d.ts +0 -116
- package/dist/types-ts4.5/emotion/components/multi-value.d.ts +0 -47
- package/dist/types-ts4.5/emotion/components/option.d.ts +0 -49
- package/dist/types-ts4.5/emotion/components/placeholder.d.ts +0 -22
- package/dist/types-ts4.5/emotion/components/single-value.d.ts +0 -28
- /package/dist/cjs/{compiled/components → components}/control.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/group.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/indicators.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/input.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/internal/required-input.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/menu.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/multi-value.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/option.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/placeholder.compiled.css +0 -0
- /package/dist/cjs/{compiled/components → components}/single-value.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/control.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/group.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/indicators.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/input.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/internal/required-input.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/menu.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/multi-value.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/option.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/placeholder.compiled.css +0 -0
- /package/dist/es2019/{compiled/components → components}/single-value.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/control.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/group.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/indicators.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/input.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/internal/required-input.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/menu.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/multi-value.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/option.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/placeholder.compiled.css +0 -0
- /package/dist/esm/{compiled/components → components}/single-value.compiled.css +0 -0
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* Whether the select is disabled.
|
|
11
|
-
*/
|
|
12
|
-
isDisabled: boolean;
|
|
13
|
-
isFocused: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* The children to be rendered.
|
|
16
|
-
*/
|
|
17
|
-
children: ReactNode;
|
|
18
|
-
/**
|
|
19
|
-
* Inner props to be passed down to the container.
|
|
20
|
-
*/
|
|
21
|
-
innerProps: {};
|
|
22
|
-
}
|
|
23
|
-
export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isRtl, }: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
24
|
-
export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
25
|
-
export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
26
|
-
/**
|
|
27
|
-
* Props to be passed to the value container element.
|
|
28
|
-
*/
|
|
29
|
-
innerProps?: {};
|
|
30
|
-
/**
|
|
31
|
-
* The children to be rendered.
|
|
32
|
-
*/
|
|
33
|
-
children: ReactNode;
|
|
34
|
-
isDisabled: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Whether the select is compact.
|
|
37
|
-
*/
|
|
38
|
-
isCompact?: boolean;
|
|
39
|
-
}
|
|
40
|
-
export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isMulti, hasValue, isCompact, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
41
|
-
export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
42
|
-
export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
43
|
-
isDisabled: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* The children to be rendered.
|
|
46
|
-
*/
|
|
47
|
-
children: ReactNode;
|
|
48
|
-
/**
|
|
49
|
-
* Props to be passed to the indicators container element.
|
|
50
|
-
*/
|
|
51
|
-
innerProps?: {};
|
|
52
|
-
}
|
|
53
|
-
export declare const indicatorsContainerCSS: () => CSSObjectWithLabel;
|
|
54
|
-
export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode, type Ref } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* Children to render.
|
|
11
|
-
*/
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
innerRef: Ref<HTMLDivElement>;
|
|
14
|
-
/**
|
|
15
|
-
* The mouse down event and the innerRef to pass down to the controller element.
|
|
16
|
-
*/
|
|
17
|
-
innerProps: {};
|
|
18
|
-
/**
|
|
19
|
-
* Whether the select is disabled.
|
|
20
|
-
*/
|
|
21
|
-
isDisabled: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Whether the select is focused.
|
|
24
|
-
*/
|
|
25
|
-
isFocused: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Whether the select is invalid.
|
|
28
|
-
*/
|
|
29
|
-
isInvalid: boolean | undefined;
|
|
30
|
-
/**
|
|
31
|
-
* Whether the select is compact.
|
|
32
|
-
*/
|
|
33
|
-
isCompact?: boolean;
|
|
34
|
-
appearance?: 'default' | 'subtle' | 'none';
|
|
35
|
-
/**
|
|
36
|
-
* Whether the select is expanded.
|
|
37
|
-
*/
|
|
38
|
-
menuIsOpen: boolean;
|
|
39
|
-
}
|
|
40
|
-
export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isInvalid, isCompact, appearance, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
41
|
-
declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
42
|
-
export default Control;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ComponentType, type ReactNode } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type SelectProps } from '../../select';
|
|
8
|
-
import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options } from '../../types';
|
|
9
|
-
interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
|
|
10
|
-
id: string;
|
|
11
|
-
data: Group;
|
|
12
|
-
}
|
|
13
|
-
export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
14
|
-
/**
|
|
15
|
-
* The children to be rendered.
|
|
16
|
-
*/
|
|
17
|
-
children: ReactNode;
|
|
18
|
-
/**
|
|
19
|
-
* Component to wrap the label, receives headingProps.
|
|
20
|
-
*/
|
|
21
|
-
Heading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
|
|
22
|
-
/**
|
|
23
|
-
* Props to pass to Heading.
|
|
24
|
-
*/
|
|
25
|
-
headingProps: ForwardedHeadingProps<Option, Group>;
|
|
26
|
-
/**
|
|
27
|
-
* Props to be passed to the group element.
|
|
28
|
-
*/
|
|
29
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
30
|
-
/**
|
|
31
|
-
* Label to be displayed in the heading component.
|
|
32
|
-
*/
|
|
33
|
-
label: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* The data of the group.
|
|
36
|
-
*/
|
|
37
|
-
data: Group;
|
|
38
|
-
options: Options<Option>;
|
|
39
|
-
}
|
|
40
|
-
export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
41
|
-
declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
42
|
-
interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
|
|
43
|
-
className?: string | undefined;
|
|
44
|
-
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
45
|
-
getStyles: GetStyles<Option, IsMulti, Group>;
|
|
46
|
-
getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
|
|
47
|
-
cx: CX;
|
|
48
|
-
}
|
|
49
|
-
export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
|
|
50
|
-
export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
51
|
-
export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
52
|
-
export default Group;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* The children to be rendered inside the indicator.
|
|
11
|
-
*/
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* Props that will be passed on to the children.
|
|
15
|
-
*/
|
|
16
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
17
|
-
/**
|
|
18
|
-
* The focused state of the select.
|
|
19
|
-
*/
|
|
20
|
-
isFocused: boolean;
|
|
21
|
-
isDisabled: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Whether the select is compact.
|
|
24
|
-
*/
|
|
25
|
-
isCompact?: boolean;
|
|
26
|
-
}
|
|
27
|
-
export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, isDisabled, }: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
28
|
-
export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
29
|
-
export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
30
|
-
/**
|
|
31
|
-
* The children to be rendered inside the indicator.
|
|
32
|
-
*/
|
|
33
|
-
children?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Sets the `aria-label` for the clear icon button
|
|
36
|
-
*/
|
|
37
|
-
clearControlLabel?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Props that will be passed on to the children.
|
|
40
|
-
*/
|
|
41
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
42
|
-
/**
|
|
43
|
-
* The focused state of the select.
|
|
44
|
-
*/
|
|
45
|
-
isFocused: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Whether the select is compact.
|
|
48
|
-
*/
|
|
49
|
-
isCompact?: boolean;
|
|
50
|
-
}
|
|
51
|
-
export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
52
|
-
export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
53
|
-
export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
54
|
-
export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
55
|
-
/**
|
|
56
|
-
* Props that will be passed on to the children.
|
|
57
|
-
*/
|
|
58
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
59
|
-
/**
|
|
60
|
-
* The focused state of the select.
|
|
61
|
-
*/
|
|
62
|
-
isFocused: boolean;
|
|
63
|
-
isDisabled: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Set size of the container.
|
|
66
|
-
*/
|
|
67
|
-
size: number;
|
|
68
|
-
/**
|
|
69
|
-
* Whether the select is compact.
|
|
70
|
-
*/
|
|
71
|
-
isCompact?: boolean;
|
|
72
|
-
}
|
|
73
|
-
export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type InputHTMLAttributes } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* Reference to the internal element
|
|
11
|
-
*/
|
|
12
|
-
innerRef?: (instance: HTMLInputElement | null) => void;
|
|
13
|
-
/**
|
|
14
|
-
* Set whether the input should be visible. Does not affect input size.
|
|
15
|
-
*/
|
|
16
|
-
isHidden: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Whether the input is disabled
|
|
19
|
-
*/
|
|
20
|
-
isDisabled?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* The ID of the form that the input belongs to
|
|
23
|
-
*/
|
|
24
|
-
form?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Set className for the input element
|
|
27
|
-
*/
|
|
28
|
-
inputClassName?: string;
|
|
29
|
-
/**
|
|
30
|
-
* A testId prop is provided for specific elements. This is a unique string that appears as a data attribute data-testid in the rendered code and serves as a hook for automated tests.
|
|
31
|
-
*/
|
|
32
|
-
testId?: string;
|
|
33
|
-
}
|
|
34
|
-
export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
|
|
35
|
-
export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
36
|
-
declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
37
|
-
export default Input;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type Ref } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
|
|
8
|
-
readonly innerRef: Ref<HTMLInputElement>;
|
|
9
|
-
}): jsx.JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type FocusEventHandler, type FunctionComponent } from 'react';
|
|
6
|
-
declare const RequiredInput: FunctionComponent<{
|
|
7
|
-
readonly name?: string;
|
|
8
|
-
readonly onFocus: FocusEventHandler<HTMLInputElement>;
|
|
9
|
-
}>;
|
|
10
|
-
export default RequiredInput;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactElement, type RefCallback } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
interface ScrollManagerProps {
|
|
8
|
-
readonly children: (ref: RefCallback<HTMLElement>) => ReactElement;
|
|
9
|
-
readonly lockEnabled: boolean;
|
|
10
|
-
readonly captureEnabled: boolean;
|
|
11
|
-
readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
|
|
12
|
-
readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
|
|
13
|
-
readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
|
|
14
|
-
readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
|
|
15
|
-
}
|
|
16
|
-
export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): jsx.JSX.Element;
|
|
17
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
readonly isEnabled: boolean;
|
|
3
|
-
readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
|
|
4
|
-
readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
|
|
5
|
-
readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
|
|
6
|
-
readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* {description}.
|
|
10
|
-
*/
|
|
11
|
-
export default function useScrollCapture({ isEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: Options): (element: HTMLElement | null) => void;
|
|
12
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
readonly isEnabled: boolean;
|
|
3
|
-
readonly accountForScrollbars?: boolean;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* {description}.
|
|
7
|
-
*/
|
|
8
|
-
export default function useScrollLock({ isEnabled, accountForScrollbars }: Options): (element: HTMLElement | null) => void;
|
|
9
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
* @jsxFrag React.Fragment
|
|
5
|
-
*/
|
|
6
|
-
import { type ReactNode } from 'react';
|
|
7
|
-
import { jsx } from '@emotion/react';
|
|
8
|
-
import { type AriaSelection } from '../../accessibility';
|
|
9
|
-
import { type CommonProps, type GroupBase, type Options } from '../../types';
|
|
10
|
-
interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
innerProps: {
|
|
13
|
-
className?: string;
|
|
14
|
-
};
|
|
15
|
-
ariaSelection: AriaSelection<Option, IsMulti>;
|
|
16
|
-
selectValue: Options<Option>;
|
|
17
|
-
focusableOptions: Options<Option>;
|
|
18
|
-
isFocused: boolean;
|
|
19
|
-
id: string;
|
|
20
|
-
isAppleDevice: boolean;
|
|
21
|
-
}
|
|
22
|
-
declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
23
|
-
export default LiveRegion;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../../types';
|
|
8
|
-
interface MenuPlacementProps {
|
|
9
|
-
/**
|
|
10
|
-
* Set the minimum height of the menu.
|
|
11
|
-
*/
|
|
12
|
-
minMenuHeight: number;
|
|
13
|
-
/**
|
|
14
|
-
* Set the maximum height of the menu.
|
|
15
|
-
*/
|
|
16
|
-
maxMenuHeight: number;
|
|
17
|
-
/**
|
|
18
|
-
* Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
|
|
19
|
-
*/
|
|
20
|
-
menuPlacement: MenuPlacement;
|
|
21
|
-
/**
|
|
22
|
-
* The CSS position value of the menu, when "fixed" extra layout management is required
|
|
23
|
-
*/
|
|
24
|
-
menuPosition: MenuPosition;
|
|
25
|
-
/**
|
|
26
|
-
* Set whether the page should scroll to show the menu.
|
|
27
|
-
*/
|
|
28
|
-
menuShouldScrollIntoView: boolean;
|
|
29
|
-
}
|
|
30
|
-
export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
|
|
31
|
-
/**
|
|
32
|
-
* Reference to the internal element, consumed by the MenuPlacer component
|
|
33
|
-
*/
|
|
34
|
-
innerRef: Ref<HTMLDivElement>;
|
|
35
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
36
|
-
isLoading: boolean;
|
|
37
|
-
placement: CoercedMenuPlacement;
|
|
38
|
-
/**
|
|
39
|
-
* The children to be rendered.
|
|
40
|
-
*/
|
|
41
|
-
children: ReactNode;
|
|
42
|
-
}
|
|
43
|
-
interface PlacerProps {
|
|
44
|
-
placement: CoercedMenuPlacement;
|
|
45
|
-
maxHeight: number;
|
|
46
|
-
}
|
|
47
|
-
interface ChildrenProps {
|
|
48
|
-
ref: Ref<HTMLDivElement>;
|
|
49
|
-
placerProps: PlacerProps;
|
|
50
|
-
}
|
|
51
|
-
interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
|
|
52
|
-
/**
|
|
53
|
-
* The children to be rendered.
|
|
54
|
-
*/
|
|
55
|
-
children: (childrenProps: ChildrenProps) => ReactElement;
|
|
56
|
-
}
|
|
57
|
-
export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
58
|
-
export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
59
|
-
declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
60
|
-
export default Menu;
|
|
61
|
-
export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
62
|
-
/**
|
|
63
|
-
* Set the max height of the Menu component
|
|
64
|
-
*/
|
|
65
|
-
maxHeight: number;
|
|
66
|
-
/**
|
|
67
|
-
* The children to be rendered.
|
|
68
|
-
*/
|
|
69
|
-
children: ReactNode;
|
|
70
|
-
/**
|
|
71
|
-
* Inner ref to DOM ReactNode
|
|
72
|
-
*/
|
|
73
|
-
innerRef: LegacyRef<HTMLDivElement>;
|
|
74
|
-
/**
|
|
75
|
-
* The currently focused option
|
|
76
|
-
*/
|
|
77
|
-
focusedOption: Option;
|
|
78
|
-
/**
|
|
79
|
-
* Props to be passed to the menu-list wrapper.
|
|
80
|
-
*/
|
|
81
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
82
|
-
}
|
|
83
|
-
export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
84
|
-
export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
85
|
-
export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
86
|
-
export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
87
|
-
export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
88
|
-
/**
|
|
89
|
-
* The children to be rendered.
|
|
90
|
-
*/
|
|
91
|
-
children: ReactNode;
|
|
92
|
-
/**
|
|
93
|
-
* Props to be passed on to the wrapper.
|
|
94
|
-
*/
|
|
95
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
96
|
-
}
|
|
97
|
-
export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
98
|
-
export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
99
|
-
export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
100
|
-
appendTo: HTMLElement | undefined;
|
|
101
|
-
children: ReactNode;
|
|
102
|
-
controlElement: HTMLDivElement | null;
|
|
103
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
104
|
-
menuPlacement: MenuPlacement;
|
|
105
|
-
menuPosition: MenuPosition;
|
|
106
|
-
}
|
|
107
|
-
export interface PortalStyleArgs {
|
|
108
|
-
offset: number;
|
|
109
|
-
position: MenuPosition;
|
|
110
|
-
rect: {
|
|
111
|
-
left: number;
|
|
112
|
-
width: number;
|
|
113
|
-
};
|
|
114
|
-
}
|
|
115
|
-
export declare const menuPortalCSS: ({ rect, offset, position }: PortalStyleArgs) => CSSObjectWithLabel;
|
|
116
|
-
export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ComponentType, type ReactNode } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type SelectProps } from '../../select';
|
|
8
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
9
|
-
interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
10
|
-
Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
|
|
11
|
-
Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
|
|
12
|
-
Remove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
|
|
13
|
-
}
|
|
14
|
-
export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
15
|
-
children: ReactNode;
|
|
16
|
-
components: MultiValueComponents<Option, IsMulti, Group>;
|
|
17
|
-
cropWithEllipsis?: boolean;
|
|
18
|
-
data: Option;
|
|
19
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
20
|
-
isFocused: boolean;
|
|
21
|
-
isDisabled: boolean;
|
|
22
|
-
removeProps: JSX.IntrinsicElements['div'];
|
|
23
|
-
index: number;
|
|
24
|
-
}
|
|
25
|
-
export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
26
|
-
export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ cropWithEllipsis, isDisabled, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
27
|
-
export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
28
|
-
export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
|
|
29
|
-
children: ReactNode;
|
|
30
|
-
data: any;
|
|
31
|
-
innerProps: {
|
|
32
|
-
className?: string;
|
|
33
|
-
};
|
|
34
|
-
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
35
|
-
}
|
|
36
|
-
export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
37
|
-
export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
38
|
-
export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
|
|
39
|
-
children?: ReactNode;
|
|
40
|
-
data: Option;
|
|
41
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
42
|
-
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
43
|
-
isDisabled: boolean;
|
|
44
|
-
}
|
|
45
|
-
export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, innerProps, }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
|
|
46
|
-
declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
47
|
-
export default MultiValue;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode, type RefCallback } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* The children to be rendered.
|
|
11
|
-
*/
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* Inner ref to DOM Node
|
|
15
|
-
*/
|
|
16
|
-
innerRef: RefCallback<HTMLDivElement>;
|
|
17
|
-
/**
|
|
18
|
-
* props passed to the wrapping element for the group.
|
|
19
|
-
*/
|
|
20
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
21
|
-
/**
|
|
22
|
-
* Text to be displayed representing the option.
|
|
23
|
-
*/
|
|
24
|
-
label: string;
|
|
25
|
-
/**
|
|
26
|
-
* Type is used by the menu to determine whether this is an option or a group.
|
|
27
|
-
* In the case of option this is always `option`. *
|
|
28
|
-
*/
|
|
29
|
-
type: 'option';
|
|
30
|
-
/**
|
|
31
|
-
* The data of the selected option.
|
|
32
|
-
*/
|
|
33
|
-
data: Option;
|
|
34
|
-
/**
|
|
35
|
-
* Whether the option is disabled.
|
|
36
|
-
*/
|
|
37
|
-
isDisabled: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the option is focused.
|
|
40
|
-
*/
|
|
41
|
-
isFocused: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Whether the option is selected.
|
|
44
|
-
*/
|
|
45
|
-
isSelected: boolean;
|
|
46
|
-
}
|
|
47
|
-
export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
48
|
-
declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
49
|
-
export default Option;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* The children to be rendered.
|
|
11
|
-
*/
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* props passed to the wrapping element for the group.
|
|
15
|
-
*/
|
|
16
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
17
|
-
isDisabled: boolean;
|
|
18
|
-
isFocused: boolean;
|
|
19
|
-
}
|
|
20
|
-
export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
21
|
-
declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
22
|
-
export default Placeholder;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
|
|
8
|
-
export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
9
|
-
/**
|
|
10
|
-
* The children to be rendered.
|
|
11
|
-
*/
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* The data of the selected option rendered in the Single Value component.
|
|
15
|
-
*/
|
|
16
|
-
data: Option;
|
|
17
|
-
/**
|
|
18
|
-
* Props passed to the wrapping element for the group.
|
|
19
|
-
*/
|
|
20
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
21
|
-
/**
|
|
22
|
-
* Whether this is disabled.
|
|
23
|
-
*/
|
|
24
|
-
isDisabled: boolean;
|
|
25
|
-
}
|
|
26
|
-
export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
|
|
27
|
-
declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
28
|
-
export default SingleValue;
|