@atlaskit/react-select 1.6.0 → 1.6.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 (14) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/internal/dummy-input.js +1 -0
  3. package/dist/cjs/components/multi-value.js +1 -0
  4. package/dist/cjs/components/option.js +1 -0
  5. package/dist/cjs/select.js +8 -5
  6. package/dist/es2019/components/internal/dummy-input.js +1 -0
  7. package/dist/es2019/components/multi-value.js +1 -0
  8. package/dist/es2019/components/option.js +1 -0
  9. package/dist/es2019/select.js +8 -5
  10. package/dist/esm/components/internal/dummy-input.js +1 -0
  11. package/dist/esm/components/multi-value.js +1 -0
  12. package/dist/esm/components/option.js +1 -0
  13. package/dist/esm/select.js +8 -5
  14. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 1.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#102821](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102821)
8
+ [`911b2ffd1013f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/911b2ffd1013f) -
9
+ Remove stopPropagation call in Escape key press events
10
+
11
+ ## 1.6.1
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 1.6.0
4
18
 
5
19
  ### Minor Changes
package/dist/cjs/components/internal/dummy-input.js CHANGED
@@ -22,6 +22,7 @@ var dummyInputStyles = (0, _react.css)({
22
22
  border: 0,
23
23
  caretColor: 'transparent',
24
24
  color: 'transparent',
25
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
25
26
  fontSize: 'inherit',
26
27
  gridArea: '1 / 1 / 2 / 3',
27
28
  insetInlineStart: -100,
package/dist/cjs/components/multi-value.js CHANGED
@@ -68,6 +68,7 @@ var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCS
68
68
  textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
69
69
  whiteSpace: 'nowrap',
70
70
  borderRadius: "var(--ds-border-radius-050, 2px)",
71
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
71
72
  fontSize: '85%',
72
73
  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
73
74
  padding: "var(--ds-space-025, 2px)",
package/dist/cjs/components/option.js CHANGED
@@ -44,6 +44,7 @@ var optionCSS = exports.optionCSS = function optionCSS(_ref) {
44
44
  return {
45
45
  label: 'option',
46
46
  display: 'block',
47
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
47
48
  fontSize: 'inherit',
48
49
  width: '100%',
49
50
  userSelect: 'none',
package/dist/cjs/select.js CHANGED
@@ -760,7 +760,6 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
760
760
  prevInputValue: inputValue
761
761
  });
762
762
  _this.onMenuClose();
763
- (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') && event.stopPropagation(); // keep ESC on select from dismissing parent layers
764
763
  } else if (isClearable && escapeClearsValue) {
765
764
  _this.clearValue();
766
765
  }
@@ -1709,10 +1708,14 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
1709
1708
  }, {
1710
1709
  key: "renderMultiselectMessage",
1711
1710
  value: function renderMultiselectMessage() {
1712
- return /*#__PURE__*/_react.default.createElement("span", {
1713
- id: this.getElementId('multi-message'),
1714
- hidden: true
1715
- }, ", multiple selections available,");
1711
+ return (
1712
+ /*#__PURE__*/
1713
+ // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
1714
+ _react.default.createElement("span", {
1715
+ id: this.getElementId('multi-message'),
1716
+ hidden: true
1717
+ }, ", multiple selections available,")
1718
+ );
1716
1719
  }
1717
1720
  }, {
1718
1721
  key: "render",
package/dist/es2019/components/internal/dummy-input.js CHANGED
@@ -14,6 +14,7 @@ const dummyInputStyles = css({
14
14
  border: 0,
15
15
  caretColor: 'transparent',
16
16
  color: 'transparent',
17
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
17
18
  fontSize: 'inherit',
18
19
  gridArea: '1 / 1 / 2 / 3',
19
20
  insetInlineStart: -100,
package/dist/es2019/components/multi-value.js CHANGED
@@ -60,6 +60,7 @@ export const multiValueLabelCSS = ({
60
60
  textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
61
61
  whiteSpace: 'nowrap',
62
62
  borderRadius: "var(--ds-border-radius-050, 2px)",
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
63
64
  fontSize: '85%',
64
65
  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
65
66
  padding: "var(--ds-space-025, 2px)",
package/dist/es2019/components/option.js CHANGED
@@ -38,6 +38,7 @@ export const optionCSS = ({
38
38
  return {
39
39
  label: 'option',
40
40
  display: 'block',
41
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
41
42
  fontSize: 'inherit',
42
43
  width: '100%',
43
44
  userSelect: 'none',
package/dist/es2019/select.js CHANGED
@@ -737,7 +737,6 @@ export default class Select extends Component {
737
737
  prevInputValue: inputValue
738
738
  });
739
739
  this.onMenuClose();
740
- fg('design_system_select-a11y-improvement') && event.stopPropagation(); // keep ESC on select from dismissing parent layers
741
740
  } else if (isClearable && escapeClearsValue) {
742
741
  this.clearValue();
743
742
  }
@@ -1732,10 +1731,14 @@ export default class Select extends Component {
1732
1731
  }));
1733
1732
  }
1734
1733
  renderMultiselectMessage() {
1735
- return /*#__PURE__*/React.createElement("span", {
1736
- id: this.getElementId('multi-message'),
1737
- hidden: true
1738
- }, ", multiple selections available,");
1734
+ return (
1735
+ /*#__PURE__*/
1736
+ // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
1737
+ React.createElement("span", {
1738
+ id: this.getElementId('multi-message'),
1739
+ hidden: true
1740
+ }, ", multiple selections available,")
1741
+ );
1739
1742
  }
1740
1743
  render() {
1741
1744
  const {
package/dist/esm/components/internal/dummy-input.js CHANGED
@@ -16,6 +16,7 @@ var dummyInputStyles = css({
16
16
  border: 0,
17
17
  caretColor: 'transparent',
18
18
  color: 'transparent',
19
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
19
20
  fontSize: 'inherit',
20
21
  gridArea: '1 / 1 / 2 / 3',
21
22
  insetInlineStart: -100,
package/dist/esm/components/multi-value.js CHANGED
@@ -61,6 +61,7 @@ export var multiValueLabelCSS = function multiValueLabelCSS(_ref2) {
61
61
  textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
62
62
  whiteSpace: 'nowrap',
63
63
  borderRadius: "var(--ds-border-radius-050, 2px)",
64
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
64
65
  fontSize: '85%',
65
66
  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
66
67
  padding: "var(--ds-space-025, 2px)",
package/dist/esm/components/option.js CHANGED
@@ -37,6 +37,7 @@ export var optionCSS = function optionCSS(_ref) {
37
37
  return {
38
38
  label: 'option',
39
39
  display: 'block',
40
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
40
41
  fontSize: 'inherit',
41
42
  width: '100%',
42
43
  userSelect: 'none',
package/dist/esm/select.js CHANGED
@@ -751,7 +751,6 @@ var Select = /*#__PURE__*/function (_Component) {
751
751
  prevInputValue: inputValue
752
752
  });
753
753
  _this.onMenuClose();
754
- fg('design_system_select-a11y-improvement') && event.stopPropagation(); // keep ESC on select from dismissing parent layers
755
754
  } else if (isClearable && escapeClearsValue) {
756
755
  _this.clearValue();
757
756
  }
@@ -1700,10 +1699,14 @@ var Select = /*#__PURE__*/function (_Component) {
1700
1699
  }, {
1701
1700
  key: "renderMultiselectMessage",
1702
1701
  value: function renderMultiselectMessage() {
1703
- return /*#__PURE__*/React.createElement("span", {
1704
- id: this.getElementId('multi-message'),
1705
- hidden: true
1706
- }, ", multiple selections available,");
1702
+ return (
1703
+ /*#__PURE__*/
1704
+ // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
1705
+ React.createElement("span", {
1706
+ id: this.getElementId('multi-message'),
1707
+ hidden: true
1708
+ }, ", multiple selections available,")
1709
+ );
1707
1710
  }
1708
1711
  }, {
1709
1712
  key: "render",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "1.6.0",
3
+ "version": "1.6.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",
@@ -30,11 +30,11 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@atlaskit/ds-lib": "^3.3.0",
33
- "@atlaskit/icon": "^23.0.1",
33
+ "@atlaskit/icon": "^23.3.0",
34
34
  "@atlaskit/platform-feature-flags": "^0.3.0",
35
35
  "@atlaskit/primitives": "^13.3.0",
36
36
  "@atlaskit/spinner": "^16.3.0",
37
- "@atlaskit/tokens": "^2.4.0",
37
+ "@atlaskit/tokens": "^3.0.0",
38
38
  "@babel/runtime": "^7.0.0",
39
39
  "@emotion/react": "^11.7.1",
40
40
  "@floating-ui/dom": "^1.0.1",