@atlaskit/react-select 3.5.0 → 3.5.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.
Files changed (17) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/components/control.compiled.css +1 -1
  3. package/dist/cjs/components/control.js +1 -1
  4. package/dist/cjs/components/multi-value.compiled.css +1 -1
  5. package/dist/cjs/components/multi-value.js +1 -1
  6. package/dist/cjs/select.js +3 -0
  7. package/dist/es2019/components/control.compiled.css +1 -1
  8. package/dist/es2019/components/control.js +1 -1
  9. package/dist/es2019/components/multi-value.compiled.css +1 -1
  10. package/dist/es2019/components/multi-value.js +1 -1
  11. package/dist/es2019/select.js +3 -0
  12. package/dist/esm/components/control.compiled.css +1 -1
  13. package/dist/esm/components/control.js +1 -1
  14. package/dist/esm/components/multi-value.compiled.css +1 -1
  15. package/dist/esm/components/multi-value.js +1 -1
  16. package/dist/esm/select.js +3 -0
  17. package/package.json +5 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 3.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`23bcc5bbc9cee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/23bcc5bbc9cee) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
11
+ ## 3.5.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [`d281a835c4897`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d281a835c4897) -
16
+ [ux]
17
+
18
+ - `TeamCreateDialog`
19
+ - Fixed incorrect ariaDescribedBy identifier so that VoiceOver can read out the error message.
20
+ - Programmatically focus the input on submit when there is an error.
21
+
22
+ - Updated dependencies
23
+
3
24
  ## 3.5.0
4
25
 
5
26
  ### Minor Changes
package/dist/cjs/components/control.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
4
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
package/dist/cjs/components/control.js CHANGED
@@ -16,7 +16,7 @@ var _utils = require("../utils");
16
16
  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); }
17
17
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
18
18
  var styles = {
19
- 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",
19
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _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",
20
20
  compact: "_1tkezwfg",
21
21
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
22
22
  focusedInvalid: "_16qsq049",
package/dist/cjs/components/multi-value.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19itglyw{border:none}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
5
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
5
6
  ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
6
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
7
7
  ._2rkovtp2{border-radius:0 2px 2px 0}
8
8
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
9
9
  ._1dqonqa1{border-style:solid}
package/dist/cjs/components/multi-value.js CHANGED
@@ -26,7 +26,7 @@ var multiValueStyles = {
26
26
  root: "_2rkogqwt _1e0c1txw _1ul9ze3t _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
27
27
  disabled: "_syaz1lh4 _bfhkm7j4",
28
28
  focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
29
- refresh: "_2rkoiti9 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
29
+ refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
30
30
  };
31
31
  var multiValueCSS = exports.multiValueCSS = function multiValueCSS() {
32
32
  return {};
package/dist/cjs/select.js CHANGED
@@ -1373,6 +1373,9 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
1373
1373
  "data-testid": testId && "".concat(testId, "-select--input")
1374
1374
  }, ariaAttributes));
1375
1375
  }
1376
+
1377
+ // NOTE: Don't add the `name` prop to this Input, `name` is already a prop on the hidden input element that has the value of the select.
1378
+ // Adding `name` to this Input will cause unexpected behavior.
1376
1379
  return /*#__PURE__*/_react.default.createElement(Input, (0, _extends2.default)({}, commonProps, {
1377
1380
  autoCapitalize: "none",
1378
1381
  autoComplete: "off",
package/dist/es2019/components/control.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
4
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
package/dist/es2019/components/control.js CHANGED
@@ -8,7 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
8
8
  import { cx } from '@compiled/react';
9
9
  import { getStyleProps } from '../utils';
10
10
  const 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",
11
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _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
12
  compact: "_1tkezwfg",
13
13
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
14
  focusedInvalid: "_16qsq049",
package/dist/es2019/components/multi-value.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19itglyw{border:none}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
5
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
5
6
  ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
6
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
7
7
  ._2rkovtp2{border-radius:0 2px 2px 0}
8
8
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
9
9
  ._1dqonqa1{border-style:solid}
package/dist/es2019/components/multi-value.js CHANGED
@@ -12,7 +12,7 @@ const multiValueStyles = {
12
12
  root: "_2rkogqwt _1e0c1txw _1ul9ze3t _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
13
13
  disabled: "_syaz1lh4 _bfhkm7j4",
14
14
  focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
15
- refresh: "_2rkoiti9 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
15
+ refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
16
16
  };
17
17
  export const multiValueCSS = () => ({});
18
18
  export const multiValueLabelCSS = () => ({});
package/dist/es2019/select.js CHANGED
@@ -1379,6 +1379,9 @@ export default class Select extends Component {
1379
1379
  "data-testid": testId && `${testId}-select--input`
1380
1380
  }, ariaAttributes));
1381
1381
  }
1382
+
1383
+ // NOTE: Don't add the `name` prop to this Input, `name` is already a prop on the hidden input element that has the value of the select.
1384
+ // Adding `name` to this Input will cause unexpected behavior.
1382
1385
  return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {
1383
1386
  autoCapitalize: "none",
1384
1387
  autoComplete: "off",
package/dist/esm/components/control.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
4
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
package/dist/esm/components/control.js CHANGED
@@ -8,7 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
8
8
  import { cx } from '@compiled/react';
9
9
  import { getStyleProps } from '../utils';
10
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",
11
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _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
12
  compact: "_1tkezwfg",
13
13
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
14
  focusedInvalid: "_16qsq049",
package/dist/esm/components/multi-value.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19itglyw{border:none}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
5
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
5
6
  ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
6
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
7
7
  ._2rkovtp2{border-radius:0 2px 2px 0}
8
8
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
9
9
  ._1dqonqa1{border-style:solid}
package/dist/esm/components/multi-value.js CHANGED
@@ -15,7 +15,7 @@ var multiValueStyles = {
15
15
  root: "_2rkogqwt _1e0c1txw _1ul9ze3t _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
16
16
  disabled: "_syaz1lh4 _bfhkm7j4",
17
17
  focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
18
- refresh: "_2rkoiti9 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
18
+ refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
19
19
  };
20
20
  export var multiValueCSS = function multiValueCSS() {
21
21
  return {};
package/dist/esm/select.js CHANGED
@@ -1364,6 +1364,9 @@ var Select = /*#__PURE__*/function (_Component) {
1364
1364
  "data-testid": testId && "".concat(testId, "-select--input")
1365
1365
  }, ariaAttributes));
1366
1366
  }
1367
+
1368
+ // NOTE: Don't add the `name` prop to this Input, `name` is already a prop on the hidden input element that has the value of the select.
1369
+ // Adding `name` to this Input will cause unexpected behavior.
1367
1370
  return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {
1368
1371
  autoCapitalize: "none",
1369
1372
  autoComplete: "off",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.5.0",
3
+ "version": "3.5.2",
4
4
  "description": "A forked version of react-select to only be used in atlaskit/select",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -19,22 +19,14 @@
19
19
  "**/*.compiled.css"
20
20
  ],
21
21
  "atlaskit:src": "src/index.tsx",
22
- "af:exports": {
23
- ".": "./src/index.tsx",
24
- "./base": "./src/select.tsx",
25
- "./async": "./src/async.tsx",
26
- "./creatable": "./src/creatable.tsx",
27
- "./async-creatable": "./src/async-creatable.tsx",
28
- "./types": "./src/types.tsx"
29
- },
30
22
  "dependencies": {
31
23
  "@atlaskit/ds-lib": "^5.0.0",
32
- "@atlaskit/icon": "^28.0.0",
24
+ "@atlaskit/icon": "^28.1.0",
33
25
  "@atlaskit/layering": "^3.0.0",
34
26
  "@atlaskit/platform-feature-flags": "^1.1.0",
35
- "@atlaskit/primitives": "^14.11.0",
27
+ "@atlaskit/primitives": "^14.12.0",
36
28
  "@atlaskit/spinner": "^19.0.0",
37
- "@atlaskit/tokens": "^6.0.0",
29
+ "@atlaskit/tokens": "^6.1.0",
38
30
  "@babel/runtime": "^7.0.0",
39
31
  "@compiled/react": "^0.18.3",
40
32
  "@floating-ui/dom": "^1.0.1",
@@ -47,7 +39,7 @@
47
39
  },
48
40
  "devDependencies": {
49
41
  "@atlaskit/checkbox": "^17.1.0",
50
- "@atlaskit/form": "^12.2.0",
42
+ "@atlaskit/form": "^12.4.0",
51
43
  "@atlassian/feature-flags-test-utils": "^0.3.0",
52
44
  "@testing-library/react": "^13.4.0",
53
45
  "@testing-library/user-event": "^14.4.3",