@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,158 +0,0 @@
|
|
|
1
|
-
/* indicators.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.loadingIndicatorCSS = exports.dropdownIndicatorCSS = exports.clearIndicatorCSS = exports.LoadingIndicator = exports.DropdownIndicator = exports.ClearIndicator = void 0;
|
|
10
|
-
require("./indicators.compiled.css");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
16
|
-
var _react2 = require("@compiled/react");
|
|
17
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
|
|
18
|
-
var _crossCircleSelectClear = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle--select-clear"));
|
|
19
|
-
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
|
-
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
21
|
-
var _utils = require("../../utils");
|
|
22
|
-
var _excluded = ["innerProps", "isRtl", "size", "isCompact", "xcss"];
|
|
23
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
24
|
-
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; }
|
|
25
|
-
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) { (0, _defineProperty2.default)(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; }
|
|
26
|
-
// ==============================
|
|
27
|
-
// Dropdown & Clear Icons
|
|
28
|
-
// ==============================
|
|
29
|
-
|
|
30
|
-
var iconContainerStyles = {
|
|
31
|
-
root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
|
|
32
|
-
};
|
|
33
|
-
var dropdownWrapperStyles = {
|
|
34
|
-
root: "_ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7"
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
// ==============================
|
|
38
|
-
// Dropdown & Clear Buttons
|
|
39
|
-
// ==============================
|
|
40
|
-
|
|
41
|
-
var dropdownStyles = {
|
|
42
|
-
default: "_v564vrg3 _1e0c1txw _syaz1gjq _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l31gjq",
|
|
43
|
-
compact: "_ca0qidpf _n3tdidpf",
|
|
44
|
-
disabled: "_syaz1lh4"
|
|
45
|
-
};
|
|
46
|
-
var dropdownIndicatorCSS = exports.dropdownIndicatorCSS = function dropdownIndicatorCSS() {
|
|
47
|
-
return {};
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
51
|
-
var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
|
|
52
|
-
var innerProps = props.innerProps,
|
|
53
|
-
children = props.children,
|
|
54
|
-
isDisabled = props.isDisabled,
|
|
55
|
-
isCompact = props.isCompact,
|
|
56
|
-
xcss = props.xcss;
|
|
57
|
-
var _getStyleProps = (0, _utils.getStyleProps)(props, 'dropdownIndicator', {
|
|
58
|
-
indicator: true,
|
|
59
|
-
'dropdown-indicator': true
|
|
60
|
-
}),
|
|
61
|
-
css = _getStyleProps.css,
|
|
62
|
-
className = _getStyleProps.className;
|
|
63
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
65
|
-
style: css
|
|
66
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
67
|
-
,
|
|
68
|
-
className: (0, _runtime.ax)([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
|
|
69
|
-
}, innerProps), children ? children : /*#__PURE__*/React.createElement(_compiled.Inline, {
|
|
70
|
-
as: "span",
|
|
71
|
-
xcss: dropdownWrapperStyles.root
|
|
72
|
-
}, /*#__PURE__*/React.createElement(_chevronDown.default, {
|
|
73
|
-
color: "currentColor",
|
|
74
|
-
label: "open",
|
|
75
|
-
LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)",
|
|
76
|
-
size: "small"
|
|
77
|
-
})));
|
|
78
|
-
};
|
|
79
|
-
var clearIndicatorCSS = exports.clearIndicatorCSS = function clearIndicatorCSS() {
|
|
80
|
-
return {};
|
|
81
|
-
};
|
|
82
|
-
var clearIndicatorStyles = {
|
|
83
|
-
default: "_v564vrg3 _1e0c1txw _syaz131l _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l31gjq",
|
|
84
|
-
compact: "_ca0qidpf _n3tdidpf"
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
88
|
-
var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
|
|
89
|
-
var innerProps = props.innerProps,
|
|
90
|
-
_props$clearControlLa = props.clearControlLabel,
|
|
91
|
-
clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa,
|
|
92
|
-
isCompact = props.isCompact,
|
|
93
|
-
xcss = props.xcss;
|
|
94
|
-
var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'clearIndicator', {
|
|
95
|
-
indicator: true,
|
|
96
|
-
'clear-indicator': true
|
|
97
|
-
}),
|
|
98
|
-
css = _getStyleProps2.css,
|
|
99
|
-
className = _getStyleProps2.className;
|
|
100
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
101
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
102
|
-
style: css
|
|
103
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
104
|
-
,
|
|
105
|
-
className: (0, _runtime.ax)([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
|
|
106
|
-
}, innerProps), /*#__PURE__*/React.createElement(_compiled.Pressable, {
|
|
107
|
-
xcss: iconContainerStyles.root,
|
|
108
|
-
tabIndex: -1,
|
|
109
|
-
"aria-label": clearControlLabel
|
|
110
|
-
}, /*#__PURE__*/React.createElement(_crossCircleSelectClear.default, {
|
|
111
|
-
label: "",
|
|
112
|
-
color: "currentColor",
|
|
113
|
-
LEGACY_size: "small",
|
|
114
|
-
LEGACY_margin: "var(--ds-space-negative-025, -0.125rem)",
|
|
115
|
-
size: "small"
|
|
116
|
-
})));
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
// ==============================
|
|
120
|
-
// Loading
|
|
121
|
-
// ==============================
|
|
122
|
-
|
|
123
|
-
var loadingIndicatorCSS = exports.loadingIndicatorCSS = function loadingIndicatorCSS() {
|
|
124
|
-
return {};
|
|
125
|
-
};
|
|
126
|
-
var loadingIndicatorStyles = {
|
|
127
|
-
default: "_ca0q12x7 _u5f3u2gc _n3td12x7 _19bvu2gc",
|
|
128
|
-
compact: "_ca0qidpf _n3tdidpf"
|
|
129
|
-
};
|
|
130
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
131
|
-
var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(_ref) {
|
|
132
|
-
var innerProps = _ref.innerProps,
|
|
133
|
-
isRtl = _ref.isRtl,
|
|
134
|
-
_ref$size = _ref.size,
|
|
135
|
-
size = _ref$size === void 0 ? 4 : _ref$size,
|
|
136
|
-
isCompact = _ref.isCompact,
|
|
137
|
-
xcss = _ref.xcss,
|
|
138
|
-
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
139
|
-
var _getStyleProps3 = (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
|
|
140
|
-
innerProps: innerProps,
|
|
141
|
-
isRtl: isRtl,
|
|
142
|
-
size: size
|
|
143
|
-
}), 'loadingIndicator', {
|
|
144
|
-
indicator: true,
|
|
145
|
-
'loading-indicator': true
|
|
146
|
-
}),
|
|
147
|
-
css = _getStyleProps3.css,
|
|
148
|
-
className = _getStyleProps3.className;
|
|
149
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
150
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
151
|
-
style: css
|
|
152
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
153
|
-
,
|
|
154
|
-
className: (0, _runtime.ax)([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-loadingIndicator')])
|
|
155
|
-
}, innerProps), /*#__PURE__*/React.createElement(_spinner.default, {
|
|
156
|
-
size: "small"
|
|
157
|
-
}));
|
|
158
|
-
};
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/* input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.inputCSS = exports.default = void 0;
|
|
10
|
-
require("./input.compiled.css");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
var _react2 = require("@compiled/react");
|
|
16
|
-
var _utils = require("../../utils");
|
|
17
|
-
var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
|
|
18
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
|
-
var inputCSS = exports.inputCSS = function inputCSS() {
|
|
20
|
-
return {};
|
|
21
|
-
};
|
|
22
|
-
var inputStyles = {
|
|
23
|
-
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",
|
|
24
|
-
disabled: "_3um015vq"
|
|
25
|
-
};
|
|
26
|
-
var nativeInnputStyles = null;
|
|
27
|
-
var hidden = null;
|
|
28
|
-
var Input = function Input(props) {
|
|
29
|
-
var builtinCX = props.cx,
|
|
30
|
-
value = props.value,
|
|
31
|
-
xcss = props.xcss;
|
|
32
|
-
var _cleanCommonProps = (0, _utils.cleanCommonProps)(props),
|
|
33
|
-
innerRef = _cleanCommonProps.innerRef,
|
|
34
|
-
isDisabled = _cleanCommonProps.isDisabled,
|
|
35
|
-
isHidden = _cleanCommonProps.isHidden,
|
|
36
|
-
inputClassName = _cleanCommonProps.inputClassName,
|
|
37
|
-
testId = _cleanCommonProps.testId,
|
|
38
|
-
innerProps = (0, _objectWithoutProperties2.default)(_cleanCommonProps, _excluded);
|
|
39
|
-
var dataId = testId ? "".concat(testId, "-select--input") : null;
|
|
40
|
-
var _getStyleProps = (0, _utils.getStyleProps)(props, 'input', {
|
|
41
|
-
'input-container': true
|
|
42
|
-
}),
|
|
43
|
-
css = _getStyleProps.css,
|
|
44
|
-
className = _getStyleProps.className;
|
|
45
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
46
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
47
|
-
style: css
|
|
48
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
49
|
-
,
|
|
50
|
-
className: (0, _runtime.ax)([inputStyles.root, isDisabled && inputStyles.disabled, (0, _react2.cx)(className, xcss, '-Input')]),
|
|
51
|
-
"data-value": value || '',
|
|
52
|
-
"data-testid": dataId && "".concat(dataId, "-container")
|
|
53
|
-
}, /*#__PURE__*/React.createElement("input", (0, _extends2.default)({
|
|
54
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
55
|
-
className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _11q7idpf _19itidpf _11c81kw7 _nd5l1yjy _12ji1r31 _1qu2glyw _12y3idpf _1bsb1osq _1ul9yh40 _syaz1kw7 _tzy4kb7n", isHidden && "_tzy4idpf", builtinCX({
|
|
56
|
-
input: true
|
|
57
|
-
}, inputClassName, '-input')]),
|
|
58
|
-
ref: innerRef,
|
|
59
|
-
disabled: isDisabled,
|
|
60
|
-
"data-testid": dataId
|
|
61
|
-
}, innerProps)));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
65
|
-
var _default = exports.default = Input;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/* a11y-text.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.default = void 0;
|
|
10
|
-
require("./a11y-text.compiled.css");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
|
-
// Assistive text to describe visual elements. Hidden for sighted users.
|
|
16
|
-
var styles = null;
|
|
17
|
-
var A11yText = function A11yText(props) {
|
|
18
|
-
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
20
|
-
className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _1pbydx66 _ogto7mnp _jqf6ydhy _uiztglyw _o5721q9c", "-a11yText"])
|
|
21
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
22
|
-
}, props));
|
|
23
|
-
};
|
|
24
|
-
var _default = exports.default = A11yText;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/* dummy-input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.default = DummyInput;
|
|
10
|
-
require("./dummy-input.compiled.css");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
var _utils = require("../../../utils");
|
|
16
|
-
var _excluded = ["innerRef"];
|
|
17
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
|
-
var dummyInputStyles = null;
|
|
19
|
-
function DummyInput(_ref) {
|
|
20
|
-
var innerRef = _ref.innerRef,
|
|
21
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
22
|
-
// Remove animation props not meant for HTML elements
|
|
23
|
-
var filteredProps = (0, _utils.removeProps)(props, 'onExited', 'in', 'enter', 'exit', 'appear');
|
|
24
|
-
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
26
|
-
return /*#__PURE__*/React.createElement("input", (0, _extends2.default)({
|
|
27
|
-
ref: innerRef,
|
|
28
|
-
className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _11q7idpf _19itidpf _nd5l1sux _12ji1r31 _1qu2glyw _12y3idpf _1bsbt94y _kqswh2mm _1n5d1j28 _syaz1j28 _1e02p1rm _tzy4idpf _t9ec1kuz", "-dummyInput"])
|
|
29
|
-
}, filteredProps));
|
|
30
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/* required-input.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.default = void 0;
|
|
10
|
-
require("./required-input.compiled.css");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
14
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
|
-
var styles = null;
|
|
16
|
-
var RequiredInput = function RequiredInput(_ref) {
|
|
17
|
-
var name = _ref.name,
|
|
18
|
-
onFocus = _ref.onFocus;
|
|
19
|
-
return /*#__PURE__*/React.createElement("input", {
|
|
20
|
-
required: true,
|
|
21
|
-
name: name,
|
|
22
|
-
tabIndex: -1,
|
|
23
|
-
"aria-hidden": "true"
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
25
|
-
,
|
|
26
|
-
className: (0, _runtime.ax)(["_1bsb1osq _kqswstnw _u7coidpf _rjxpidpf _1e02idpf _jqf61a21 _tzy4idpf _lcxvglyw", "-requiredInput"]),
|
|
27
|
-
onFocus: onFocus,
|
|
28
|
-
// Prevent `Switching from uncontrolled to controlled` error
|
|
29
|
-
value: "",
|
|
30
|
-
onChange: _noop.default
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
35
|
-
var _default = exports.default = RequiredInput;
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _accessibility = require("../../accessibility");
|
|
12
|
-
var _a11yText = _interopRequireDefault(require("./internal/a11y-text"));
|
|
13
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
|
-
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; }
|
|
15
|
-
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) { (0, _defineProperty2.default)(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; }
|
|
16
|
-
// ==============================
|
|
17
|
-
// Root Container
|
|
18
|
-
// ==============================
|
|
19
|
-
|
|
20
|
-
var LiveRegion = function LiveRegion(props) {
|
|
21
|
-
var ariaSelection = props.ariaSelection,
|
|
22
|
-
focusableOptions = props.focusableOptions,
|
|
23
|
-
isFocused = props.isFocused,
|
|
24
|
-
selectValue = props.selectValue,
|
|
25
|
-
selectProps = props.selectProps,
|
|
26
|
-
id = props.id;
|
|
27
|
-
var ariaLiveMessages = selectProps.ariaLiveMessages,
|
|
28
|
-
getOptionLabel = selectProps.getOptionLabel,
|
|
29
|
-
inputValue = selectProps.inputValue,
|
|
30
|
-
isOptionDisabled = selectProps.isOptionDisabled,
|
|
31
|
-
menuIsOpen = selectProps.menuIsOpen,
|
|
32
|
-
options = selectProps.options,
|
|
33
|
-
screenReaderStatus = selectProps.screenReaderStatus,
|
|
34
|
-
isLoading = selectProps.isLoading;
|
|
35
|
-
var ariaLive = selectProps['aria-live'];
|
|
36
|
-
|
|
37
|
-
// Update aria live message configuration when prop changes
|
|
38
|
-
var messages = (0, _react.useMemo)(function () {
|
|
39
|
-
return _objectSpread(_objectSpread({}, _accessibility.defaultAriaLiveMessages), ariaLiveMessages || {});
|
|
40
|
-
}, [ariaLiveMessages]);
|
|
41
|
-
|
|
42
|
-
// Update aria live selected option when prop changes
|
|
43
|
-
var ariaSelected = (0, _react.useMemo)(function () {
|
|
44
|
-
var message = '';
|
|
45
|
-
if (menuIsOpen) {
|
|
46
|
-
// we don't need to have selected message when the menu is open
|
|
47
|
-
return '';
|
|
48
|
-
}
|
|
49
|
-
if (ariaSelection && messages.onChange) {
|
|
50
|
-
var option = ariaSelection.option,
|
|
51
|
-
selectedOptions = ariaSelection.options,
|
|
52
|
-
removedValue = ariaSelection.removedValue,
|
|
53
|
-
removedValues = ariaSelection.removedValues,
|
|
54
|
-
value = ariaSelection.value;
|
|
55
|
-
// select-option when !isMulti does not return option so we assume selected option is value
|
|
56
|
-
var asOption = function asOption(val) {
|
|
57
|
-
return !Array.isArray(val) ? val : null;
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
// If there is just one item from the action then get its label
|
|
61
|
-
var selected = removedValue || option || asOption(value);
|
|
62
|
-
var label = selected ? getOptionLabel(selected) : '';
|
|
63
|
-
|
|
64
|
-
// If there are multiple items from the action then return an array of labels
|
|
65
|
-
var multiSelected = selectedOptions || removedValues || undefined;
|
|
66
|
-
var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
|
|
67
|
-
if (!label && !labels.length) {
|
|
68
|
-
// return empty string if no labels provided
|
|
69
|
-
return '';
|
|
70
|
-
}
|
|
71
|
-
var onChangeProps = _objectSpread({
|
|
72
|
-
// multiSelected items are usually items that have already been selected
|
|
73
|
-
// or set by the user as a default value so we assume they are not disabled
|
|
74
|
-
isDisabled: selected && isOptionDisabled(selected, selectValue),
|
|
75
|
-
label: label,
|
|
76
|
-
labels: labels
|
|
77
|
-
}, ariaSelection);
|
|
78
|
-
message = messages.onChange(onChangeProps);
|
|
79
|
-
}
|
|
80
|
-
return message;
|
|
81
|
-
}, [ariaSelection, messages, isOptionDisabled, selectValue, getOptionLabel, menuIsOpen]);
|
|
82
|
-
var ariaResults = (0, _react.useMemo)(function () {
|
|
83
|
-
var resultsMsg = '';
|
|
84
|
-
if (isLoading) {
|
|
85
|
-
resultsMsg = 'Loading. ';
|
|
86
|
-
}
|
|
87
|
-
if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
|
|
88
|
-
var resultsMessage = screenReaderStatus({
|
|
89
|
-
count: focusableOptions.length
|
|
90
|
-
});
|
|
91
|
-
resultsMsg = messages.onFilter({
|
|
92
|
-
inputValue: inputValue,
|
|
93
|
-
resultsMessage: resultsMessage
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
if (options && options.length === 0) {
|
|
97
|
-
resultsMsg = 'No options. ';
|
|
98
|
-
}
|
|
99
|
-
return resultsMsg;
|
|
100
|
-
}, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus, isLoading]);
|
|
101
|
-
var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus';
|
|
102
|
-
var ScreenReaderText = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
103
|
-
id: "aria-selection"
|
|
104
|
-
}, ariaSelected), /*#__PURE__*/_react.default.createElement("span", {
|
|
105
|
-
id: "aria-results"
|
|
106
|
-
}, ariaResults));
|
|
107
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_a11yText.default, {
|
|
108
|
-
id: id
|
|
109
|
-
}, isInitialFocus && ScreenReaderText), /*#__PURE__*/_react.default.createElement(_a11yText.default, {
|
|
110
|
-
"aria-live": ariaLive // Should be undefined by default unless a specific use case requires it
|
|
111
|
-
,
|
|
112
|
-
role: "status"
|
|
113
|
-
}, isFocused && !isInitialFocus && ScreenReaderText));
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
117
|
-
var _default = exports.default = LiveRegion;
|