@atlaskit/select 17.17.0 → 17.19.0

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 (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/PopupSelect/PopupSelect.js +5 -4
  3. package/dist/cjs/Select.js +1 -1
  4. package/dist/cjs/styles.js +3 -0
  5. package/dist/es2019/PopupSelect/PopupSelect.js +5 -4
  6. package/dist/es2019/Select.js +1 -1
  7. package/dist/es2019/styles.js +5 -1
  8. package/dist/esm/PopupSelect/PopupSelect.js +5 -4
  9. package/dist/esm/Select.js +1 -1
  10. package/dist/esm/styles.js +3 -0
  11. package/package.json +7 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 17.19.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#140648](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140648)
8
+ [`0fee45dd431ca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fee45dd431ca) -
9
+ Updated group heading styles to align to new modernised typography styles. Headings are no longer
10
+ all uppercase and are now bold. This change is behind a feature flag.
11
+
12
+ ## 17.18.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [#134622](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134622)
17
+ [`66b5d35764e86`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/66b5d35764e86) -
18
+ Updated select open menu handler and fixed tests
19
+ (https://product-fabric.atlassian.net/browse/DSP-20454)
20
+
3
21
  ## 17.17.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/PopupSelect/PopupSelect.js CHANGED
@@ -203,11 +203,12 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
203
203
  }
204
204
  _this.setState({
205
205
  isOpen: true
206
+ }, function () {
207
+ if (_this.selectRef) {
208
+ var _this$selectRef$selec;
209
+ (_this$selectRef$selec = _this.selectRef.select) === null || _this$selectRef$selec === void 0 || _this$selectRef$selec.openMenu('first');
210
+ }
206
211
  });
207
- if (_this.selectRef) {
208
- var _this$selectRef$selec;
209
- (_this$selectRef$selec = _this.selectRef.select) === null || _this$selectRef$selec === void 0 || _this$selectRef$selec.openMenu('first');
210
- }
211
212
  if (typeof window === 'undefined') {
212
213
  return;
213
214
  }
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.17.0";
12
+ var packageVersion = "17.19.0";
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/cjs/styles.js CHANGED
@@ -303,6 +303,9 @@ function baseStyles(validationState) {
303
303
  return _objectSpread(_objectSpread({}, css), {}, {
304
304
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
305
305
  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")")
306
+ }, (0, _platformFeatureFlags.fg)('platform_design_system_team_select_typography') && {
307
+ fontWeight: "var(--ds-font-weight-bold, 700)".concat(" !important"),
308
+ textTransform: 'none'
306
309
  });
307
310
  }
308
311
  };
package/dist/es2019/PopupSelect/PopupSelect.js CHANGED
@@ -175,11 +175,12 @@ export default class PopupSelect extends PureComponent {
175
175
  }
176
176
  this.setState({
177
177
  isOpen: true
178
+ }, () => {
179
+ if (this.selectRef) {
180
+ var _this$selectRef$selec;
181
+ (_this$selectRef$selec = this.selectRef.select) === null || _this$selectRef$selec === void 0 ? void 0 : _this$selectRef$selec.openMenu('first');
182
+ }
178
183
  });
179
- if (this.selectRef) {
180
- var _this$selectRef$selec;
181
- (_this$selectRef$selec = this.selectRef.select) === null || _this$selectRef$selec === void 0 ? void 0 : _this$selectRef$selec.openMenu('first');
182
- }
183
184
  if (typeof window === 'undefined') {
184
185
  return;
185
186
  }
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.17.0";
5
+ const packageVersion = "17.19.0";
6
6
  export const SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  const Select = withAnalyticsContext({
package/dist/es2019/styles.js CHANGED
@@ -295,7 +295,11 @@ export default function baseStyles(validationState, isCompact = false, appearanc
295
295
  groupHeading: css => ({
296
296
  ...css,
297
297
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
298
- color: `var(--ds-text-subtle, ${N200})`
298
+ color: `var(--ds-text-subtle, ${N200})`,
299
+ ...(fg('platform_design_system_team_select_typography') && {
300
+ fontWeight: `${"var(--ds-font-weight-bold, 700)"} !important`,
301
+ textTransform: 'none'
302
+ })
299
303
  })
300
304
  };
301
305
  }
package/dist/esm/PopupSelect/PopupSelect.js CHANGED
@@ -194,11 +194,12 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
194
194
  }
195
195
  _this.setState({
196
196
  isOpen: true
197
+ }, function () {
198
+ if (_this.selectRef) {
199
+ var _this$selectRef$selec;
200
+ (_this$selectRef$selec = _this.selectRef.select) === null || _this$selectRef$selec === void 0 || _this$selectRef$selec.openMenu('first');
201
+ }
197
202
  });
198
- if (_this.selectRef) {
199
- var _this$selectRef$selec;
200
- (_this$selectRef$selec = _this.selectRef.select) === null || _this$selectRef$selec === void 0 || _this$selectRef$selec.openMenu('first');
201
- }
202
203
  if (typeof window === 'undefined') {
203
204
  return;
204
205
  }
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.17.0";
5
+ var packageVersion = "17.19.0";
6
6
  export var SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  var Select = withAnalyticsContext({
package/dist/esm/styles.js CHANGED
@@ -296,6 +296,9 @@ export default function baseStyles(validationState) {
296
296
  return _objectSpread(_objectSpread({}, css), {}, {
297
297
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
298
298
  color: "var(--ds-text-subtle, ".concat(N200, ")")
299
+ }, fg('platform_design_system_team_select_typography') && {
300
+ fontWeight: "var(--ds-font-weight-bold, 700)".concat(" !important"),
301
+ textTransform: 'none'
299
302
  });
300
303
  }
301
304
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "17.17.0",
3
+ "version": "17.19.0",
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/"
@@ -28,7 +28,7 @@
28
28
  "name": "Select",
29
29
  "category": "Components"
30
30
  },
31
- "runReact18": false
31
+ "runReact18": true
32
32
  },
33
33
  "af:exports": {
34
34
  "./AsyncSelect": "./src/entry-points/async-select.tsx",
@@ -39,12 +39,12 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@atlaskit/analytics-next": "^10.1.0",
42
- "@atlaskit/icon": "^22.17.0",
42
+ "@atlaskit/icon": "^22.18.0",
43
43
  "@atlaskit/platform-feature-flags": "^0.3.0",
44
44
  "@atlaskit/primitives": "^12.1.0",
45
45
  "@atlaskit/spinner": "^16.3.0",
46
46
  "@atlaskit/theme": "^13.0.0",
47
- "@atlaskit/tokens": "^1.59.0",
47
+ "@atlaskit/tokens": "^1.60.0",
48
48
  "@atlaskit/visually-hidden": "^1.5.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@emotion/react": "^11.7.1",
@@ -110,6 +110,9 @@
110
110
  },
111
111
  "tab-event-should-close-popupSelect": {
112
112
  "type": "boolean"
113
+ },
114
+ "platform_design_system_team_select_typography": {
115
+ "type": "boolean"
113
116
  }
114
117
  },
115
118
  "homepage": "https://atlassian.design/components/select/"