@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,56 +0,0 @@
|
|
|
1
|
-
/* input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./input.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
import { cx } from '@compiled/react';
|
|
7
|
-
import { cleanCommonProps, getStyleProps } from '../../utils';
|
|
8
|
-
export const inputCSS = () => ({});
|
|
9
|
-
const inputStyles = {
|
|
10
|
-
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",
|
|
11
|
-
disabled: "_3um015vq"
|
|
12
|
-
};
|
|
13
|
-
const nativeInnputStyles = null;
|
|
14
|
-
const hidden = null;
|
|
15
|
-
const Input = props => {
|
|
16
|
-
const {
|
|
17
|
-
cx: builtinCX,
|
|
18
|
-
value,
|
|
19
|
-
xcss
|
|
20
|
-
} = props;
|
|
21
|
-
const {
|
|
22
|
-
innerRef,
|
|
23
|
-
isDisabled,
|
|
24
|
-
isHidden,
|
|
25
|
-
inputClassName,
|
|
26
|
-
testId,
|
|
27
|
-
...innerProps
|
|
28
|
-
} = cleanCommonProps(props);
|
|
29
|
-
const dataId = testId ? `${testId}-select--input` : null;
|
|
30
|
-
const {
|
|
31
|
-
css,
|
|
32
|
-
className
|
|
33
|
-
} = getStyleProps(props, 'input', {
|
|
34
|
-
'input-container': true
|
|
35
|
-
});
|
|
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 && `${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,13 +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
|
-
const styles = null;
|
|
8
|
-
const A11yText = props => /*#__PURE__*/React.createElement("span", _extends({
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
10
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _1pbydx66 _ogto7mnp _jqf6ydhy _uiztglyw _o5721q9c", "-a11yText"])
|
|
11
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
12
|
-
}, props));
|
|
13
|
-
export default A11yText;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/* dummy-input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./dummy-input.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
import { removeProps } from '../../../utils';
|
|
7
|
-
const dummyInputStyles = null;
|
|
8
|
-
export default function DummyInput({
|
|
9
|
-
innerRef,
|
|
10
|
-
...props
|
|
11
|
-
}) {
|
|
12
|
-
// Remove animation props not meant for HTML elements
|
|
13
|
-
const filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
16
|
-
return /*#__PURE__*/React.createElement("input", _extends({
|
|
17
|
-
ref: innerRef,
|
|
18
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _11q7idpf _19itidpf _nd5l1sux _12ji1r31 _1qu2glyw _12y3idpf _1bsbt94y _kqswh2mm _1n5d1j28 _syaz1j28 _1e02p1rm _tzy4idpf _t9ec1kuz", "-dummyInput"])
|
|
19
|
-
}, filteredProps));
|
|
20
|
-
}
|
|
@@ -1,25 +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
|
-
const styles = null;
|
|
7
|
-
const RequiredInput = ({
|
|
8
|
-
name,
|
|
9
|
-
onFocus
|
|
10
|
-
}) => /*#__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
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
25
|
-
export default RequiredInput;
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import React, { Fragment, useMemo } from 'react';
|
|
2
|
-
import { defaultAriaLiveMessages } from '../../accessibility';
|
|
3
|
-
import A11yText from './internal/a11y-text';
|
|
4
|
-
|
|
5
|
-
// ==============================
|
|
6
|
-
// Root Container
|
|
7
|
-
// ==============================
|
|
8
|
-
|
|
9
|
-
const LiveRegion = props => {
|
|
10
|
-
const {
|
|
11
|
-
ariaSelection,
|
|
12
|
-
focusableOptions,
|
|
13
|
-
isFocused,
|
|
14
|
-
selectValue,
|
|
15
|
-
selectProps,
|
|
16
|
-
id
|
|
17
|
-
} = props;
|
|
18
|
-
const {
|
|
19
|
-
ariaLiveMessages,
|
|
20
|
-
getOptionLabel,
|
|
21
|
-
inputValue,
|
|
22
|
-
isOptionDisabled,
|
|
23
|
-
menuIsOpen,
|
|
24
|
-
options,
|
|
25
|
-
screenReaderStatus,
|
|
26
|
-
isLoading
|
|
27
|
-
} = selectProps;
|
|
28
|
-
const ariaLive = selectProps['aria-live'];
|
|
29
|
-
|
|
30
|
-
// Update aria live message configuration when prop changes
|
|
31
|
-
const messages = useMemo(() => ({
|
|
32
|
-
...defaultAriaLiveMessages,
|
|
33
|
-
...(ariaLiveMessages || {})
|
|
34
|
-
}), [ariaLiveMessages]);
|
|
35
|
-
|
|
36
|
-
// Update aria live selected option when prop changes
|
|
37
|
-
const ariaSelected = useMemo(() => {
|
|
38
|
-
let message = '';
|
|
39
|
-
if (menuIsOpen) {
|
|
40
|
-
// we don't need to have selected message when the menu is open
|
|
41
|
-
return '';
|
|
42
|
-
}
|
|
43
|
-
if (ariaSelection && messages.onChange) {
|
|
44
|
-
const {
|
|
45
|
-
option,
|
|
46
|
-
options: selectedOptions,
|
|
47
|
-
removedValue,
|
|
48
|
-
removedValues,
|
|
49
|
-
value
|
|
50
|
-
} = ariaSelection;
|
|
51
|
-
// select-option when !isMulti does not return option so we assume selected option is value
|
|
52
|
-
const asOption = val => !Array.isArray(val) ? val : null;
|
|
53
|
-
|
|
54
|
-
// If there is just one item from the action then get its label
|
|
55
|
-
const selected = removedValue || option || asOption(value);
|
|
56
|
-
const label = selected ? getOptionLabel(selected) : '';
|
|
57
|
-
|
|
58
|
-
// If there are multiple items from the action then return an array of labels
|
|
59
|
-
const multiSelected = selectedOptions || removedValues || undefined;
|
|
60
|
-
const labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
|
|
61
|
-
if (!label && !labels.length) {
|
|
62
|
-
// return empty string if no labels provided
|
|
63
|
-
return '';
|
|
64
|
-
}
|
|
65
|
-
const onChangeProps = {
|
|
66
|
-
// multiSelected items are usually items that have already been selected
|
|
67
|
-
// or set by the user as a default value so we assume they are not disabled
|
|
68
|
-
isDisabled: selected && isOptionDisabled(selected, selectValue),
|
|
69
|
-
label,
|
|
70
|
-
labels,
|
|
71
|
-
...ariaSelection
|
|
72
|
-
};
|
|
73
|
-
message = messages.onChange(onChangeProps);
|
|
74
|
-
}
|
|
75
|
-
return message;
|
|
76
|
-
}, [ariaSelection, messages, isOptionDisabled, selectValue, getOptionLabel, menuIsOpen]);
|
|
77
|
-
const ariaResults = useMemo(() => {
|
|
78
|
-
let resultsMsg = '';
|
|
79
|
-
if (isLoading) {
|
|
80
|
-
resultsMsg = 'Loading. ';
|
|
81
|
-
}
|
|
82
|
-
if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
|
|
83
|
-
const resultsMessage = screenReaderStatus({
|
|
84
|
-
count: focusableOptions.length
|
|
85
|
-
});
|
|
86
|
-
resultsMsg = messages.onFilter({
|
|
87
|
-
inputValue,
|
|
88
|
-
resultsMessage
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
if (options && options.length === 0) {
|
|
92
|
-
resultsMsg = 'No options. ';
|
|
93
|
-
}
|
|
94
|
-
return resultsMsg;
|
|
95
|
-
}, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus, isLoading]);
|
|
96
|
-
const isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus';
|
|
97
|
-
const ScreenReaderText = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
98
|
-
id: "aria-selection"
|
|
99
|
-
}, ariaSelected), /*#__PURE__*/React.createElement("span", {
|
|
100
|
-
id: "aria-results"
|
|
101
|
-
}, ariaResults));
|
|
102
|
-
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(A11yText, {
|
|
103
|
-
id: id
|
|
104
|
-
}, isInitialFocus && ScreenReaderText), /*#__PURE__*/React.createElement(A11yText, {
|
|
105
|
-
"aria-live": ariaLive // Should be undefined by default unless a specific use case requires it
|
|
106
|
-
,
|
|
107
|
-
role: "status"
|
|
108
|
-
}, isFocused && !isInitialFocus && ScreenReaderText));
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
112
|
-
export default LiveRegion;
|