@atlaskit/select 17.11.11 → 17.11.13

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 (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/PopupSelect/components.js +25 -7
  3. package/dist/cjs/Select.js +1 -1
  4. package/dist/es2019/PopupSelect/components.js +25 -7
  5. package/dist/es2019/Select.js +1 -1
  6. package/dist/esm/PopupSelect/components.js +25 -7
  7. package/dist/esm/Select.js +1 -1
  8. package/dist/types/PopupSelect/components.d.ts +15 -1
  9. package/dist/types-ts4.5/PopupSelect/components.d.ts +15 -1
  10. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 17.11.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [#127125](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127125)
8
+ [`8ebc56af5f1ca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ebc56af5f1ca) -
9
+ Revert due to HOT-110871 - causing Jira red master
10
+ - Updated dependencies
11
+
12
+ ## 17.11.12
13
+
14
+ ### Patch Changes
15
+
16
+ - [`941edf62401ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/941edf62401ae) -
17
+ This version removes `platform.design-system-team.use-default-select-in-popup-select_46rmj`
18
+ feature flag. The `PopupSelect` component now uses the internal `Select` component ensure the
19
+ accessibility of options with group labels for assistive technologies.
20
+
3
21
  ## 17.11.11
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/PopupSelect/components.js CHANGED
@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.defaultComponents = exports.MenuDialog = exports.DummyControl = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _reactSelect = require("react-select");
11
10
  var _react = require("@emotion/react");
12
- var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
11
+ var _reactSelect = require("react-select");
13
12
  var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
14
- var _constants = require("@atlaskit/theme/constants");
15
13
  var _colors = require("@atlaskit/theme/colors");
14
+ var _constants = require("@atlaskit/theme/constants");
15
+ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
16
16
  var _excluded = ["innerRef", "innerProps"];
17
17
  /**
18
18
  * @jsxRuntime classic
@@ -24,11 +24,17 @@ var _excluded = ["innerRef", "innerProps"];
24
24
  // ==============================
25
25
 
26
26
  var menuDialogStyles = (0, _react.css)({
27
+ zIndex: _constants.layers.modal(),
27
28
  backgroundColor: "var(--ds-surface-overlay, white)",
28
29
  borderRadius: "var(--ds-border-radius-100, 4px)",
29
- boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N40A, ", 0 4px 11px ").concat(_colors.N40A), ")"),
30
- zIndex: _constants.layers.modal()
30
+ boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N40A, ", 0 4px 11px ").concat(_colors.N40A), ")")
31
31
  });
32
+
33
+ /**
34
+ * __Menu dialog__
35
+ * Wrapper for PopupSelect component.
36
+ *
37
+ */
32
38
  var MenuDialog = exports.MenuDialog = function MenuDialog(_ref) {
33
39
  var maxWidth = _ref.maxWidth,
34
40
  minWidth = _ref.minWidth,
@@ -58,9 +64,9 @@ var MenuDialog = exports.MenuDialog = function MenuDialog(_ref) {
58
64
  // ==============================
59
65
 
60
66
  var dropdownStyles = (0, _react.css)({
67
+ width: 32,
61
68
  marginInlineEnd: "var(--ds-space-025, 2px)",
62
- textAlign: 'center',
63
- width: 32
69
+ textAlign: 'center'
64
70
  });
65
71
  var DropdownIndicator = function DropdownIndicator() {
66
72
  return (0, _react.jsx)("div", {
@@ -83,6 +89,18 @@ var Control = function Control(_ref2) {
83
89
  innerProps: innerProps
84
90
  })));
85
91
  };
92
+
93
+ // TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
94
+ // Remove links that the component does not have (such as usage). If there are no links remove them all.
95
+ /**
96
+ * __Dummy control__
97
+ *
98
+ * A dummy control {description}.
99
+ *
100
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
101
+ * - [Code](https://atlassian.design/components/{packageName}/code)
102
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
103
+ */
86
104
  var DummyControl = exports.DummyControl = function DummyControl(props) {
87
105
  return (0, _react.jsx)(_visuallyHidden.default, null, (0, _react.jsx)(_reactSelect.components.Control, props));
88
106
  };
package/dist/cjs/Select.js CHANGED
@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
9
9
  var _analyticsNext = require("@atlaskit/analytics-next");
10
10
  var _createSelect = _interopRequireDefault(require("./createSelect"));
11
11
  var packageName = "@atlaskit/select";
12
- var packageVersion = "17.11.11";
12
+ var packageVersion = "17.11.13";
13
13
  var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
14
14
  var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
15
15
  var Select = (0, _analyticsNext.withAnalyticsContext)({
package/dist/es2019/PopupSelect/components.js CHANGED
@@ -4,24 +4,30 @@ import _extends from "@babel/runtime/helpers/extends";
4
4
  * @jsx jsx
5
5
  */
6
6
 
7
- import { components } from 'react-select';
8
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
8
  import { css, jsx } from '@emotion/react';
10
- import VisuallyHidden from '@atlaskit/visually-hidden';
9
+ import { components } from 'react-select';
11
10
  import SearchIcon from '@atlaskit/icon/glyph/editor/search';
12
- import { layers } from '@atlaskit/theme/constants';
13
11
  import { N40A } from '@atlaskit/theme/colors';
12
+ import { layers } from '@atlaskit/theme/constants';
13
+ import VisuallyHidden from '@atlaskit/visually-hidden';
14
14
 
15
15
  // ==============================
16
16
  // Styled Components
17
17
  // ==============================
18
18
 
19
19
  const menuDialogStyles = css({
20
+ zIndex: layers.modal(),
20
21
  backgroundColor: "var(--ds-surface-overlay, white)",
21
22
  borderRadius: "var(--ds-border-radius-100, 4px)",
22
- boxShadow: `var(--ds-shadow-overlay, ${`0 0 0 1px ${N40A}, 0 4px 11px ${N40A}`})`,
23
- zIndex: layers.modal()
23
+ boxShadow: `var(--ds-shadow-overlay, ${`0 0 0 1px ${N40A}, 0 4px 11px ${N40A}`})`
24
24
  });
25
+
26
+ /**
27
+ * __Menu dialog__
28
+ * Wrapper for PopupSelect component.
29
+ *
30
+ */
25
31
  export const MenuDialog = ({
26
32
  maxWidth,
27
33
  minWidth,
@@ -50,9 +56,9 @@ export const MenuDialog = ({
50
56
  // ==============================
51
57
 
52
58
  const dropdownStyles = css({
59
+ width: 32,
53
60
  marginInlineEnd: "var(--ds-space-025, 2px)",
54
- textAlign: 'center',
55
- width: 32
61
+ textAlign: 'center'
56
62
  });
57
63
  const DropdownIndicator = () => jsx("div", {
58
64
  css: dropdownStyles
@@ -72,6 +78,18 @@ const Control = ({
72
78
  }, jsx(components.Control, _extends({}, props, {
73
79
  innerProps: innerProps
74
80
  })));
81
+
82
+ // TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
83
+ // Remove links that the component does not have (such as usage). If there are no links remove them all.
84
+ /**
85
+ * __Dummy control__
86
+ *
87
+ * A dummy control {description}.
88
+ *
89
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
90
+ * - [Code](https://atlassian.design/components/{packageName}/code)
91
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
92
+ */
75
93
  export const DummyControl = props => jsx(VisuallyHidden, null, jsx(components.Control, props));
76
94
 
77
95
  // NOTE `props` intentionally omitted from `Fragment`
package/dist/es2019/Select.js CHANGED
@@ -2,7 +2,7 @@ import ReactSelect from 'react-select';
2
2
  import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
3
3
  import createSelect from './createSelect';
4
4
  const packageName = "@atlaskit/select";
5
- const packageVersion = "17.11.11";
5
+ const packageVersion = "17.11.13";
6
6
  export const SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  const Select = withAnalyticsContext({
package/dist/esm/PopupSelect/components.js CHANGED
@@ -6,24 +6,30 @@ var _excluded = ["innerRef", "innerProps"];
6
6
  * @jsx jsx
7
7
  */
8
8
 
9
- import { components } from 'react-select';
10
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
10
  import { css, jsx } from '@emotion/react';
12
- import VisuallyHidden from '@atlaskit/visually-hidden';
11
+ import { components } from 'react-select';
13
12
  import SearchIcon from '@atlaskit/icon/glyph/editor/search';
14
- import { layers } from '@atlaskit/theme/constants';
15
13
  import { N40A } from '@atlaskit/theme/colors';
14
+ import { layers } from '@atlaskit/theme/constants';
15
+ import VisuallyHidden from '@atlaskit/visually-hidden';
16
16
 
17
17
  // ==============================
18
18
  // Styled Components
19
19
  // ==============================
20
20
 
21
21
  var menuDialogStyles = css({
22
+ zIndex: layers.modal(),
22
23
  backgroundColor: "var(--ds-surface-overlay, white)",
23
24
  borderRadius: "var(--ds-border-radius-100, 4px)",
24
- boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N40A, ", 0 4px 11px ").concat(N40A), ")"),
25
- zIndex: layers.modal()
25
+ boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N40A, ", 0 4px 11px ").concat(N40A), ")")
26
26
  });
27
+
28
+ /**
29
+ * __Menu dialog__
30
+ * Wrapper for PopupSelect component.
31
+ *
32
+ */
27
33
  export var MenuDialog = function MenuDialog(_ref) {
28
34
  var maxWidth = _ref.maxWidth,
29
35
  minWidth = _ref.minWidth,
@@ -53,9 +59,9 @@ export var MenuDialog = function MenuDialog(_ref) {
53
59
  // ==============================
54
60
 
55
61
  var dropdownStyles = css({
62
+ width: 32,
56
63
  marginInlineEnd: "var(--ds-space-025, 2px)",
57
- textAlign: 'center',
58
- width: 32
64
+ textAlign: 'center'
59
65
  });
60
66
  var DropdownIndicator = function DropdownIndicator() {
61
67
  return jsx("div", {
@@ -78,6 +84,18 @@ var Control = function Control(_ref2) {
78
84
  innerProps: innerProps
79
85
  })));
80
86
  };
87
+
88
+ // TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
89
+ // Remove links that the component does not have (such as usage). If there are no links remove them all.
90
+ /**
91
+ * __Dummy control__
92
+ *
93
+ * A dummy control {description}.
94
+ *
95
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
96
+ * - [Code](https://atlassian.design/components/{packageName}/code)
97
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
98
+ */
81
99
  export var DummyControl = function DummyControl(props) {
82
100
  return jsx(VisuallyHidden, null, jsx(components.Control, props));
83
101
  };
package/dist/esm/Select.js CHANGED
@@ -2,7 +2,7 @@ import ReactSelect from 'react-select';
2
2
  import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
3
3
  import createSelect from './createSelect';
4
4
  var packageName = "@atlaskit/select";
5
- var packageVersion = "17.11.11";
5
+ var packageVersion = "17.11.13";
6
6
  export var SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  var Select = withAnalyticsContext({
package/dist/types/PopupSelect/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { type FC, type ReactNode, type CSSProperties } from 'react';
5
+ import { type CSSProperties, type FC, type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type ControlProps, type MenuProps, type OptionType } from '../types';
8
8
  interface MenuDialogProps {
@@ -13,7 +13,21 @@ interface MenuDialogProps {
13
13
  id: string;
14
14
  testId?: string;
15
15
  }
16
+ /**
17
+ * __Menu dialog__
18
+ * Wrapper for PopupSelect component.
19
+ *
20
+ */
16
21
  export declare const MenuDialog: FC<MenuDialogProps>;
22
+ /**
23
+ * __Dummy control__
24
+ *
25
+ * A dummy control {description}.
26
+ *
27
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
28
+ * - [Code](https://atlassian.design/components/{packageName}/code)
29
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
30
+ */
17
31
  export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
18
32
  export declare const defaultComponents: {
19
33
  Control: FC<ControlProps<OptionType, boolean>>;
package/dist/types-ts4.5/PopupSelect/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { type FC, type ReactNode, type CSSProperties } from 'react';
5
+ import { type CSSProperties, type FC, type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type ControlProps, type MenuProps, type OptionType } from '../types';
8
8
  interface MenuDialogProps {
@@ -13,7 +13,21 @@ interface MenuDialogProps {
13
13
  id: string;
14
14
  testId?: string;
15
15
  }
16
+ /**
17
+ * __Menu dialog__
18
+ * Wrapper for PopupSelect component.
19
+ *
20
+ */
16
21
  export declare const MenuDialog: FC<MenuDialogProps>;
22
+ /**
23
+ * __Dummy control__
24
+ *
25
+ * A dummy control {description}.
26
+ *
27
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
28
+ * - [Code](https://atlassian.design/components/{packageName}/code)
29
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
30
+ */
17
31
  export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
18
32
  export declare const defaultComponents: {
19
33
  Control: FC<ControlProps<OptionType, boolean>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "17.11.11",
3
+ "version": "17.11.13",
4
4
  "description": "Select allows users to make a single selection or multiple selections from a list of options.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -42,13 +42,13 @@
42
42
  ".": "./src/index.tsx"
43
43
  },
44
44
  "dependencies": {
45
- "@atlaskit/analytics-next": "^9.3.0",
46
- "@atlaskit/icon": "^22.9.0",
45
+ "@atlaskit/analytics-next": "^10.0.0",
46
+ "@atlaskit/icon": "^22.10.0",
47
47
  "@atlaskit/platform-feature-flags": "^0.3.0",
48
48
  "@atlaskit/primitives": "^11.1.0",
49
49
  "@atlaskit/spinner": "^16.2.0",
50
50
  "@atlaskit/theme": "^12.11.0",
51
- "@atlaskit/tokens": "^1.56.0",
51
+ "@atlaskit/tokens": "^1.57.0",
52
52
  "@atlaskit/visually-hidden": "^1.4.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@emotion/react": "^11.7.1",
@@ -69,7 +69,7 @@
69
69
  "@af/accessibility-testing": "*",
70
70
  "@af/integration-testing": "*",
71
71
  "@af/visual-regression": "*",
72
- "@atlaskit/checkbox": "^13.5.0",
72
+ "@atlaskit/checkbox": "^13.6.0",
73
73
  "@atlaskit/ds-lib": "^2.3.0",
74
74
  "@atlaskit/modal-dialog": "^12.14.0",
75
75
  "@atlaskit/radio": "^6.4.0",