@atlaskit/react-select 3.0.0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/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 +23 -23
- package/dist/types/styles.d.ts +21 -21
- package/dist/types/types.d.ts +1 -4
- package/dist/types/utils.d.ts +1 -1
- 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 +23 -23
- package/dist/types-ts4.5/styles.d.ts +21 -21
- package/dist/types-ts4.5/types.d.ts +1 -4
- package/dist/types-ts4.5/utils.d.ts +1 -1
- package/package.json +2 -4
- 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,79 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
8
|
-
import { jsx } from '@emotion/react';
|
|
9
|
-
import { getStyleProps } from '../../utils';
|
|
10
|
-
export const optionCSS = ({
|
|
11
|
-
isDisabled,
|
|
12
|
-
isFocused,
|
|
13
|
-
isSelected
|
|
14
|
-
}) => {
|
|
15
|
-
let color = "var(--ds-text, #172B4D)";
|
|
16
|
-
if (isDisabled) {
|
|
17
|
-
color = "var(--ds-text-disabled, #091E424F)";
|
|
18
|
-
} else if (isSelected) {
|
|
19
|
-
color = "var(--ds-text-selected, #0C66E4)";
|
|
20
|
-
}
|
|
21
|
-
let boxShadow;
|
|
22
|
-
let backgroundColor;
|
|
23
|
-
if (isDisabled) {
|
|
24
|
-
backgroundColor = undefined;
|
|
25
|
-
} else if (isSelected && isFocused) {
|
|
26
|
-
backgroundColor = "var(--ds-background-selected-hovered, #CCE0FF)";
|
|
27
|
-
} else if (isSelected) {
|
|
28
|
-
backgroundColor = "var(--ds-background-selected, #E9F2FF)";
|
|
29
|
-
} else if (isFocused) {
|
|
30
|
-
backgroundColor = "var(--ds-background-neutral-subtle-hovered, #091E420F)";
|
|
31
|
-
}
|
|
32
|
-
if (!isDisabled && (isFocused || isSelected)) {
|
|
33
|
-
boxShadow = `inset 2px 0px 0px ${"var(--ds-border-selected, #0C66E4)"}`;
|
|
34
|
-
}
|
|
35
|
-
const cursor = isDisabled ? 'not-allowed' : 'default';
|
|
36
|
-
return {
|
|
37
|
-
label: 'option',
|
|
38
|
-
display: 'block',
|
|
39
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
40
|
-
fontSize: 'inherit',
|
|
41
|
-
width: '100%',
|
|
42
|
-
userSelect: 'none',
|
|
43
|
-
WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
|
|
44
|
-
padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-150, 12px)"}`,
|
|
45
|
-
backgroundColor,
|
|
46
|
-
color,
|
|
47
|
-
cursor,
|
|
48
|
-
boxShadow,
|
|
49
|
-
':active': {
|
|
50
|
-
backgroundColor: !isDisabled ? isSelected ? "var(--ds-background-selected-pressed, #85B8FF)" : "var(--ds-background-neutral-subtle-pressed, #091E4224)" : undefined
|
|
51
|
-
},
|
|
52
|
-
'@media screen and (-ms-high-contrast: active)': {
|
|
53
|
-
borderLeft: !isDisabled && (isFocused || isSelected) ? '2px solid transparent' : ''
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
const Option = props => {
|
|
58
|
-
const {
|
|
59
|
-
children,
|
|
60
|
-
isDisabled,
|
|
61
|
-
isFocused,
|
|
62
|
-
isSelected,
|
|
63
|
-
innerRef,
|
|
64
|
-
innerProps
|
|
65
|
-
} = props;
|
|
66
|
-
return jsx("div", _extends({}, getStyleProps(props, 'option', {
|
|
67
|
-
option: true,
|
|
68
|
-
'option--is-disabled': isDisabled,
|
|
69
|
-
'option--is-focused': isFocused,
|
|
70
|
-
'option--is-selected': isSelected
|
|
71
|
-
}), {
|
|
72
|
-
ref: innerRef
|
|
73
|
-
}, innerProps, {
|
|
74
|
-
tabIndex: -1
|
|
75
|
-
}), children);
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
79
|
-
export default Option;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
8
|
-
import { jsx } from '@emotion/react';
|
|
9
|
-
import { getStyleProps } from '../../utils';
|
|
10
|
-
export const placeholderCSS = ({
|
|
11
|
-
isDisabled
|
|
12
|
-
}) => ({
|
|
13
|
-
label: 'placeholder',
|
|
14
|
-
gridArea: '1 / 1 / 2 / 3',
|
|
15
|
-
margin: `0 ${"var(--ds-space-025, 2px)"}`,
|
|
16
|
-
color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text-subtlest, #626F86)"
|
|
17
|
-
});
|
|
18
|
-
const Placeholder = props => {
|
|
19
|
-
const {
|
|
20
|
-
children,
|
|
21
|
-
innerProps
|
|
22
|
-
} = props;
|
|
23
|
-
return jsx("div", _extends({}, getStyleProps(props, 'placeholder', {
|
|
24
|
-
placeholder: true
|
|
25
|
-
}), innerProps), children);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
29
|
-
export default Placeholder;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
8
|
-
import { jsx } from '@emotion/react';
|
|
9
|
-
import { getStyleProps } from '../../utils';
|
|
10
|
-
export const css = ({
|
|
11
|
-
isDisabled
|
|
12
|
-
}) => ({
|
|
13
|
-
label: 'singleValue',
|
|
14
|
-
gridArea: '1 / 1 / 2 / 3',
|
|
15
|
-
maxWidth: '100%',
|
|
16
|
-
overflow: 'hidden',
|
|
17
|
-
textOverflow: 'ellipsis',
|
|
18
|
-
whiteSpace: 'nowrap',
|
|
19
|
-
margin: `0 ${"var(--ds-space-025, 2px)"}`,
|
|
20
|
-
color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text, #172B4D)"
|
|
21
|
-
});
|
|
22
|
-
const SingleValue = props => {
|
|
23
|
-
const {
|
|
24
|
-
children,
|
|
25
|
-
isDisabled,
|
|
26
|
-
innerProps
|
|
27
|
-
} = props;
|
|
28
|
-
return jsx("div", _extends({}, getStyleProps(props, 'singleValue', {
|
|
29
|
-
'single-value': true,
|
|
30
|
-
'single-value--is-disabled': isDisabled
|
|
31
|
-
}), innerProps), children);
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
35
|
-
export default SingleValue;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/* control.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./control.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
7
|
-
|
|
8
|
-
import { cx } from '@compiled/react';
|
|
9
|
-
import { getStyleProps } from '../../utils';
|
|
10
|
-
var styles = {
|
|
11
|
-
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkosqtm _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
|
|
12
|
-
compact: "_1tkezwfg",
|
|
13
|
-
invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
|
|
14
|
-
focusedInvalid: "_16qsq049",
|
|
15
|
-
disabled: "_1h6dsyzs _lcxvglyw _bfhksyzs _1u6llkwx",
|
|
16
|
-
focused: "_1h6d1p6i _bfhkr01l _16qsq049 _1u6lq049 _4cvx1p6i _irr3r01l",
|
|
17
|
-
subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
|
|
18
|
-
subtleFocused: "_bfhkvuon",
|
|
19
|
-
none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
|
|
20
|
-
};
|
|
21
|
-
export var css = function css() {
|
|
22
|
-
return {};
|
|
23
|
-
};
|
|
24
|
-
var Control = function Control(props) {
|
|
25
|
-
var children = props.children,
|
|
26
|
-
appearance = props.appearance,
|
|
27
|
-
isCompact = props.isCompact,
|
|
28
|
-
isDisabled = props.isDisabled,
|
|
29
|
-
isFocused = props.isFocused,
|
|
30
|
-
isInvalid = props.isInvalid,
|
|
31
|
-
innerRef = props.innerRef,
|
|
32
|
-
innerProps = props.innerProps,
|
|
33
|
-
menuIsOpen = props.menuIsOpen,
|
|
34
|
-
xcss = props.xcss;
|
|
35
|
-
var _getStyleProps = getStyleProps(props, 'control', {
|
|
36
|
-
control: true,
|
|
37
|
-
'control--is-disabled': isDisabled,
|
|
38
|
-
'control--is-focused': isFocused,
|
|
39
|
-
'control--menu-is-open': menuIsOpen
|
|
40
|
-
}),
|
|
41
|
-
css = _getStyleProps.css,
|
|
42
|
-
className = _getStyleProps.className;
|
|
43
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
44
|
-
ref: innerRef
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
46
|
-
,
|
|
47
|
-
className: ax([styles.default, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, cx(className, xcss, '-control')])
|
|
48
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
49
|
-
,
|
|
50
|
-
style: css
|
|
51
|
-
}, innerProps, {
|
|
52
|
-
"aria-disabled": isDisabled || undefined
|
|
53
|
-
}), children);
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
57
|
-
export default Control;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/* group.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
4
|
-
var _excluded = ["data"];
|
|
5
|
-
import "./group.compiled.css";
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
import { cx } from '@compiled/react';
|
|
9
|
-
import { cleanCommonProps, getStyleProps } from '../../utils';
|
|
10
|
-
var styles = {
|
|
11
|
-
root: "_n3tdu2gc _ca0qu2gc"
|
|
12
|
-
};
|
|
13
|
-
export var groupCSS = function groupCSS() {
|
|
14
|
-
return {};
|
|
15
|
-
};
|
|
16
|
-
var Group = function Group(props) {
|
|
17
|
-
var children = props.children,
|
|
18
|
-
builtinCX = props.cx,
|
|
19
|
-
getStyles = props.getStyles,
|
|
20
|
-
getClassNames = props.getClassNames,
|
|
21
|
-
Heading = props.Heading,
|
|
22
|
-
headingProps = props.headingProps,
|
|
23
|
-
innerProps = props.innerProps,
|
|
24
|
-
label = props.label,
|
|
25
|
-
selectProps = props.selectProps,
|
|
26
|
-
xcss = props.xcss;
|
|
27
|
-
var _getStyleProps = getStyleProps(props, 'group', {
|
|
28
|
-
group: true
|
|
29
|
-
}),
|
|
30
|
-
css = _getStyleProps.css,
|
|
31
|
-
className = _getStyleProps.className;
|
|
32
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
34
|
-
style: css
|
|
35
|
-
}, innerProps, {
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
37
|
-
className: ax([styles.root, cx(className, xcss, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className, '-Group')])
|
|
38
|
-
}), label && /*#__PURE__*/React.createElement(Heading, _extends({}, headingProps, {
|
|
39
|
-
selectProps: selectProps,
|
|
40
|
-
getStyles: getStyles,
|
|
41
|
-
getClassNames: getClassNames,
|
|
42
|
-
cx: builtinCX
|
|
43
|
-
}), label), /*#__PURE__*/React.createElement("div", null, children));
|
|
44
|
-
};
|
|
45
|
-
var headingStyles = null;
|
|
46
|
-
export var groupHeadingCSS = function groupHeadingCSS() {
|
|
47
|
-
return {};
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
51
|
-
export var GroupHeading = function GroupHeading(props) {
|
|
52
|
-
var xcss = props.xcss;
|
|
53
|
-
var _cleanCommonProps = cleanCommonProps(props),
|
|
54
|
-
data = _cleanCommonProps.data,
|
|
55
|
-
innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded);
|
|
56
|
-
var _getStyleProps2 = getStyleProps(props, 'groupHeading', {
|
|
57
|
-
'group-heading': true
|
|
58
|
-
}),
|
|
59
|
-
css = _getStyleProps2.css,
|
|
60
|
-
className = _getStyleProps2.className;
|
|
61
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
62
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
63
|
-
className: ax(["_11c81o8v _1e0c1ule _syaz1gjq _80om73ad _k48pmoej _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", cx(className, xcss, '-group')])
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
65
|
-
,
|
|
66
|
-
style: css
|
|
67
|
-
}, innerProps));
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
71
|
-
export default Group;
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
/* indicators.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
5
|
-
var _excluded = ["innerProps", "isRtl", "size", "isCompact", "xcss"];
|
|
6
|
-
import "./indicators.compiled.css";
|
|
7
|
-
import * as React from 'react';
|
|
8
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
9
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
|
-
import { cx } from '@compiled/react';
|
|
12
|
-
import DownIcon from '@atlaskit/icon/core/migration/chevron-down';
|
|
13
|
-
import CrossIcon from '@atlaskit/icon/core/migration/cross-circle--select-clear';
|
|
14
|
-
import { Inline, Pressable } from '@atlaskit/primitives/compiled';
|
|
15
|
-
import Spinner from '@atlaskit/spinner';
|
|
16
|
-
import { getStyleProps } from '../../utils';
|
|
17
|
-
|
|
18
|
-
// ==============================
|
|
19
|
-
// Dropdown & Clear Icons
|
|
20
|
-
// ==============================
|
|
21
|
-
|
|
22
|
-
var iconContainerStyles = {
|
|
23
|
-
root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
|
|
24
|
-
};
|
|
25
|
-
var dropdownWrapperStyles = {
|
|
26
|
-
root: "_ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7"
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
// ==============================
|
|
30
|
-
// Dropdown & Clear Buttons
|
|
31
|
-
// ==============================
|
|
32
|
-
|
|
33
|
-
var dropdownStyles = {
|
|
34
|
-
default: "_v564vrg3 _1e0c1txw _syaz1gjq _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l31gjq",
|
|
35
|
-
compact: "_ca0qidpf _n3tdidpf",
|
|
36
|
-
disabled: "_syaz1lh4"
|
|
37
|
-
};
|
|
38
|
-
export var dropdownIndicatorCSS = function dropdownIndicatorCSS() {
|
|
39
|
-
return {};
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
43
|
-
export var DropdownIndicator = function DropdownIndicator(props) {
|
|
44
|
-
var innerProps = props.innerProps,
|
|
45
|
-
children = props.children,
|
|
46
|
-
isDisabled = props.isDisabled,
|
|
47
|
-
isCompact = props.isCompact,
|
|
48
|
-
xcss = props.xcss;
|
|
49
|
-
var _getStyleProps = getStyleProps(props, 'dropdownIndicator', {
|
|
50
|
-
indicator: true,
|
|
51
|
-
'dropdown-indicator': true
|
|
52
|
-
}),
|
|
53
|
-
css = _getStyleProps.css,
|
|
54
|
-
className = _getStyleProps.className;
|
|
55
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
57
|
-
style: css
|
|
58
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
59
|
-
,
|
|
60
|
-
className: ax([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, cx(className, xcss, '-indicatorContainer')])
|
|
61
|
-
}, innerProps), children ? children : /*#__PURE__*/React.createElement(Inline, {
|
|
62
|
-
as: "span",
|
|
63
|
-
xcss: dropdownWrapperStyles.root
|
|
64
|
-
}, /*#__PURE__*/React.createElement(DownIcon, {
|
|
65
|
-
color: "currentColor",
|
|
66
|
-
label: "open",
|
|
67
|
-
LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)",
|
|
68
|
-
size: "small"
|
|
69
|
-
})));
|
|
70
|
-
};
|
|
71
|
-
export var clearIndicatorCSS = function clearIndicatorCSS() {
|
|
72
|
-
return {};
|
|
73
|
-
};
|
|
74
|
-
var clearIndicatorStyles = {
|
|
75
|
-
default: "_v564vrg3 _1e0c1txw _syaz131l _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l31gjq",
|
|
76
|
-
compact: "_ca0qidpf _n3tdidpf"
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
80
|
-
export var ClearIndicator = function ClearIndicator(props) {
|
|
81
|
-
var innerProps = props.innerProps,
|
|
82
|
-
_props$clearControlLa = props.clearControlLabel,
|
|
83
|
-
clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa,
|
|
84
|
-
isCompact = props.isCompact,
|
|
85
|
-
xcss = props.xcss;
|
|
86
|
-
var _getStyleProps2 = getStyleProps(props, 'clearIndicator', {
|
|
87
|
-
indicator: true,
|
|
88
|
-
'clear-indicator': true
|
|
89
|
-
}),
|
|
90
|
-
css = _getStyleProps2.css,
|
|
91
|
-
className = _getStyleProps2.className;
|
|
92
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
93
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
94
|
-
style: css
|
|
95
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
96
|
-
,
|
|
97
|
-
className: ax([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, cx(className, xcss, '-indicatorContainer')])
|
|
98
|
-
}, innerProps), /*#__PURE__*/React.createElement(Pressable, {
|
|
99
|
-
xcss: iconContainerStyles.root,
|
|
100
|
-
tabIndex: -1,
|
|
101
|
-
"aria-label": clearControlLabel
|
|
102
|
-
}, /*#__PURE__*/React.createElement(CrossIcon, {
|
|
103
|
-
label: "",
|
|
104
|
-
color: "currentColor",
|
|
105
|
-
LEGACY_size: "small",
|
|
106
|
-
LEGACY_margin: "var(--ds-space-negative-025, -0.125rem)",
|
|
107
|
-
size: "small"
|
|
108
|
-
})));
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
// ==============================
|
|
112
|
-
// Loading
|
|
113
|
-
// ==============================
|
|
114
|
-
|
|
115
|
-
export var loadingIndicatorCSS = function loadingIndicatorCSS() {
|
|
116
|
-
return {};
|
|
117
|
-
};
|
|
118
|
-
var loadingIndicatorStyles = {
|
|
119
|
-
default: "_ca0q12x7 _u5f3u2gc _n3td12x7 _19bvu2gc",
|
|
120
|
-
compact: "_ca0qidpf _n3tdidpf"
|
|
121
|
-
};
|
|
122
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
123
|
-
export var LoadingIndicator = function LoadingIndicator(_ref) {
|
|
124
|
-
var innerProps = _ref.innerProps,
|
|
125
|
-
isRtl = _ref.isRtl,
|
|
126
|
-
_ref$size = _ref.size,
|
|
127
|
-
size = _ref$size === void 0 ? 4 : _ref$size,
|
|
128
|
-
isCompact = _ref.isCompact,
|
|
129
|
-
xcss = _ref.xcss,
|
|
130
|
-
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
131
|
-
var _getStyleProps3 = getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
|
|
132
|
-
innerProps: innerProps,
|
|
133
|
-
isRtl: isRtl,
|
|
134
|
-
size: size
|
|
135
|
-
}), 'loadingIndicator', {
|
|
136
|
-
indicator: true,
|
|
137
|
-
'loading-indicator': true
|
|
138
|
-
}),
|
|
139
|
-
css = _getStyleProps3.css,
|
|
140
|
-
className = _getStyleProps3.className;
|
|
141
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
142
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
143
|
-
style: css
|
|
144
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
145
|
-
,
|
|
146
|
-
className: ax([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, cx(className, xcss, '-loadingIndicator')])
|
|
147
|
-
}, innerProps), /*#__PURE__*/React.createElement(Spinner, {
|
|
148
|
-
size: "small"
|
|
149
|
-
}));
|
|
150
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
/* input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
|
|
5
|
-
import "./input.compiled.css";
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
import { cx } from '@compiled/react';
|
|
9
|
-
import { cleanCommonProps, getStyleProps } from '../../utils';
|
|
10
|
-
export var inputCSS = function inputCSS() {
|
|
11
|
-
return {};
|
|
12
|
-
};
|
|
13
|
-
var inputStyles = {
|
|
14
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd _syaz1fxt _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
15
|
-
disabled: "_3um015vq"
|
|
16
|
-
};
|
|
17
|
-
var nativeInnputStyles = null;
|
|
18
|
-
var hidden = null;
|
|
19
|
-
var Input = function Input(props) {
|
|
20
|
-
var builtinCX = props.cx,
|
|
21
|
-
value = props.value,
|
|
22
|
-
xcss = props.xcss;
|
|
23
|
-
var _cleanCommonProps = cleanCommonProps(props),
|
|
24
|
-
innerRef = _cleanCommonProps.innerRef,
|
|
25
|
-
isDisabled = _cleanCommonProps.isDisabled,
|
|
26
|
-
isHidden = _cleanCommonProps.isHidden,
|
|
27
|
-
inputClassName = _cleanCommonProps.inputClassName,
|
|
28
|
-
testId = _cleanCommonProps.testId,
|
|
29
|
-
innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded);
|
|
30
|
-
var dataId = testId ? "".concat(testId, "-select--input") : null;
|
|
31
|
-
var _getStyleProps = getStyleProps(props, 'input', {
|
|
32
|
-
'input-container': true
|
|
33
|
-
}),
|
|
34
|
-
css = _getStyleProps.css,
|
|
35
|
-
className = _getStyleProps.className;
|
|
36
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
38
|
-
style: css
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
40
|
-
,
|
|
41
|
-
className: ax([inputStyles.root, isDisabled && inputStyles.disabled, cx(className, xcss, '-Input')]),
|
|
42
|
-
"data-value": value || '',
|
|
43
|
-
"data-testid": dataId && "".concat(dataId, "-container")
|
|
44
|
-
}, /*#__PURE__*/React.createElement("input", _extends({
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
46
|
-
className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _11q7idpf _19itidpf _11c81kw7 _nd5l1yjy _12ji1r31 _1qu2glyw _12y3idpf _1bsb1osq _1ul9yh40 _syaz1kw7 _tzy4kb7n", isHidden && "_tzy4idpf", builtinCX({
|
|
47
|
-
input: true
|
|
48
|
-
}, inputClassName, '-input')]),
|
|
49
|
-
ref: innerRef,
|
|
50
|
-
disabled: isDisabled,
|
|
51
|
-
"data-testid": dataId
|
|
52
|
-
}, innerProps)));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
56
|
-
export default Input;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/* a11y-text.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./a11y-text.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
// Assistive text to describe visual elements. Hidden for sighted users.
|
|
7
|
-
var styles = null;
|
|
8
|
-
var A11yText = function A11yText(props) {
|
|
9
|
-
return /*#__PURE__*/React.createElement("span", _extends({
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
11
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _1pbydx66 _ogto7mnp _jqf6ydhy _uiztglyw _o5721q9c", "-a11yText"])
|
|
12
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
13
|
-
}, props));
|
|
14
|
-
};
|
|
15
|
-
export default A11yText;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/* dummy-input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["innerRef"];
|
|
5
|
-
import "./dummy-input.compiled.css";
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
import { removeProps } from '../../../utils';
|
|
9
|
-
var dummyInputStyles = null;
|
|
10
|
-
export default function DummyInput(_ref) {
|
|
11
|
-
var innerRef = _ref.innerRef,
|
|
12
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
-
// Remove animation props not meant for HTML elements
|
|
14
|
-
var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
|
|
15
|
-
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
17
|
-
return /*#__PURE__*/React.createElement("input", _extends({
|
|
18
|
-
ref: innerRef,
|
|
19
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _11q7idpf _19itidpf _nd5l1sux _12ji1r31 _1qu2glyw _12y3idpf _1bsbt94y _kqswh2mm _1n5d1j28 _syaz1j28 _1e02p1rm _tzy4idpf _t9ec1kuz", "-dummyInput"])
|
|
20
|
-
}, filteredProps));
|
|
21
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/* required-input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import "./required-input.compiled.css";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import __noop from '@atlaskit/ds-lib/noop';
|
|
6
|
-
var styles = null;
|
|
7
|
-
var RequiredInput = function RequiredInput(_ref) {
|
|
8
|
-
var name = _ref.name,
|
|
9
|
-
onFocus = _ref.onFocus;
|
|
10
|
-
return /*#__PURE__*/React.createElement("input", {
|
|
11
|
-
required: true,
|
|
12
|
-
name: name,
|
|
13
|
-
tabIndex: -1,
|
|
14
|
-
"aria-hidden": "true"
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
16
|
-
,
|
|
17
|
-
className: ax(["_1bsb1osq _kqswstnw _u7coidpf _rjxpidpf _1e02idpf _jqf61a21 _tzy4idpf _lcxvglyw", "-requiredInput"]),
|
|
18
|
-
onFocus: onFocus,
|
|
19
|
-
// Prevent `Switching from uncontrolled to controlled` error
|
|
20
|
-
value: "",
|
|
21
|
-
onChange: __noop
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
26
|
-
export default RequiredInput;
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import React, { Fragment, useMemo } from 'react';
|
|
5
|
-
import { defaultAriaLiveMessages } from '../../accessibility';
|
|
6
|
-
import A11yText from './internal/a11y-text';
|
|
7
|
-
|
|
8
|
-
// ==============================
|
|
9
|
-
// Root Container
|
|
10
|
-
// ==============================
|
|
11
|
-
|
|
12
|
-
var LiveRegion = function LiveRegion(props) {
|
|
13
|
-
var ariaSelection = props.ariaSelection,
|
|
14
|
-
focusableOptions = props.focusableOptions,
|
|
15
|
-
isFocused = props.isFocused,
|
|
16
|
-
selectValue = props.selectValue,
|
|
17
|
-
selectProps = props.selectProps,
|
|
18
|
-
id = props.id;
|
|
19
|
-
var ariaLiveMessages = selectProps.ariaLiveMessages,
|
|
20
|
-
getOptionLabel = selectProps.getOptionLabel,
|
|
21
|
-
inputValue = selectProps.inputValue,
|
|
22
|
-
isOptionDisabled = selectProps.isOptionDisabled,
|
|
23
|
-
menuIsOpen = selectProps.menuIsOpen,
|
|
24
|
-
options = selectProps.options,
|
|
25
|
-
screenReaderStatus = selectProps.screenReaderStatus,
|
|
26
|
-
isLoading = selectProps.isLoading;
|
|
27
|
-
var ariaLive = selectProps['aria-live'];
|
|
28
|
-
|
|
29
|
-
// Update aria live message configuration when prop changes
|
|
30
|
-
var messages = useMemo(function () {
|
|
31
|
-
return _objectSpread(_objectSpread({}, defaultAriaLiveMessages), ariaLiveMessages || {});
|
|
32
|
-
}, [ariaLiveMessages]);
|
|
33
|
-
|
|
34
|
-
// Update aria live selected option when prop changes
|
|
35
|
-
var ariaSelected = useMemo(function () {
|
|
36
|
-
var message = '';
|
|
37
|
-
if (menuIsOpen) {
|
|
38
|
-
// we don't need to have selected message when the menu is open
|
|
39
|
-
return '';
|
|
40
|
-
}
|
|
41
|
-
if (ariaSelection && messages.onChange) {
|
|
42
|
-
var option = ariaSelection.option,
|
|
43
|
-
selectedOptions = ariaSelection.options,
|
|
44
|
-
removedValue = ariaSelection.removedValue,
|
|
45
|
-
removedValues = ariaSelection.removedValues,
|
|
46
|
-
value = ariaSelection.value;
|
|
47
|
-
// select-option when !isMulti does not return option so we assume selected option is value
|
|
48
|
-
var asOption = function asOption(val) {
|
|
49
|
-
return !Array.isArray(val) ? val : null;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
// If there is just one item from the action then get its label
|
|
53
|
-
var selected = removedValue || option || asOption(value);
|
|
54
|
-
var label = selected ? getOptionLabel(selected) : '';
|
|
55
|
-
|
|
56
|
-
// If there are multiple items from the action then return an array of labels
|
|
57
|
-
var multiSelected = selectedOptions || removedValues || undefined;
|
|
58
|
-
var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
|
|
59
|
-
if (!label && !labels.length) {
|
|
60
|
-
// return empty string if no labels provided
|
|
61
|
-
return '';
|
|
62
|
-
}
|
|
63
|
-
var onChangeProps = _objectSpread({
|
|
64
|
-
// multiSelected items are usually items that have already been selected
|
|
65
|
-
// or set by the user as a default value so we assume they are not disabled
|
|
66
|
-
isDisabled: selected && isOptionDisabled(selected, selectValue),
|
|
67
|
-
label: label,
|
|
68
|
-
labels: labels
|
|
69
|
-
}, ariaSelection);
|
|
70
|
-
message = messages.onChange(onChangeProps);
|
|
71
|
-
}
|
|
72
|
-
return message;
|
|
73
|
-
}, [ariaSelection, messages, isOptionDisabled, selectValue, getOptionLabel, menuIsOpen]);
|
|
74
|
-
var ariaResults = useMemo(function () {
|
|
75
|
-
var resultsMsg = '';
|
|
76
|
-
if (isLoading) {
|
|
77
|
-
resultsMsg = 'Loading. ';
|
|
78
|
-
}
|
|
79
|
-
if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
|
|
80
|
-
var resultsMessage = screenReaderStatus({
|
|
81
|
-
count: focusableOptions.length
|
|
82
|
-
});
|
|
83
|
-
resultsMsg = messages.onFilter({
|
|
84
|
-
inputValue: inputValue,
|
|
85
|
-
resultsMessage: resultsMessage
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
if (options && options.length === 0) {
|
|
89
|
-
resultsMsg = 'No options. ';
|
|
90
|
-
}
|
|
91
|
-
return resultsMsg;
|
|
92
|
-
}, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus, isLoading]);
|
|
93
|
-
var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus';
|
|
94
|
-
var ScreenReaderText = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
95
|
-
id: "aria-selection"
|
|
96
|
-
}, ariaSelected), /*#__PURE__*/React.createElement("span", {
|
|
97
|
-
id: "aria-results"
|
|
98
|
-
}, ariaResults));
|
|
99
|
-
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(A11yText, {
|
|
100
|
-
id: id
|
|
101
|
-
}, isInitialFocus && ScreenReaderText), /*#__PURE__*/React.createElement(A11yText, {
|
|
102
|
-
"aria-live": ariaLive // Should be undefined by default unless a specific use case requires it
|
|
103
|
-
,
|
|
104
|
-
role: "status"
|
|
105
|
-
}, isFocused && !isInitialFocus && ScreenReaderText));
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
109
|
-
export default LiveRegion;
|