@atlaskit/select 17.19.1 → 17.19.3

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 +16 -0
  2. package/dist/cjs/PopupSelect/PopupSelect.js +9 -7
  3. package/dist/cjs/Select.js +1 -1
  4. package/dist/es2019/PopupSelect/PopupSelect.js +9 -7
  5. package/dist/es2019/Select.js +1 -1
  6. package/dist/esm/PopupSelect/PopupSelect.js +9 -7
  7. package/dist/esm/Select.js +1 -1
  8. package/dist/types/PopupSelect/PopupSelect.d.ts +1 -4
  9. package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts +1 -4
  10. package/package.json +7 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 17.19.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
8
+ [`1946e3bf8c6c9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1946e3bf8c6c9) -
9
+ Internal change only: update feature flag names.
10
+
11
+ ## 17.19.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#147255](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147255)
16
+ [`f344b9735b94a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f344b9735b94a) -
17
+ Updated dependencies
18
+
3
19
  ## 17.19.1
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/PopupSelect/PopupSelect.js CHANGED
@@ -19,6 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
19
19
  var _bindEventListener = require("bind-event-listener");
20
20
  var _reactDom = require("react-dom");
21
21
  var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
22
+ var _reactFocusLockNext = _interopRequireDefault(require("react-focus-lock-next"));
22
23
  var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
23
24
  var _reactPopper = require("react-popper");
24
25
  var _reactSelect = require("react-select");
@@ -52,6 +53,7 @@ var canUseDOM = function canUseDOM() {
52
53
  // Class
53
54
  // ==============================
54
55
 
56
+ var FocusLock = (0, _platformFeatureFlags.fg)('platform_dst_select-bump-react-focus-lock') ? _reactFocusLockNext.default : _reactFocusLock.default;
55
57
  var modifiers = [{
56
58
  name: 'offset',
57
59
  options: {
@@ -198,7 +200,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
198
200
  if (onOpen) {
199
201
  onOpen();
200
202
  }
201
- if (onMenuOpen && (0, _platformFeatureFlags.fg)('platform-design-system-dsp-19701-no-node-resolver')) {
203
+ if (onMenuOpen && (0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver')) {
202
204
  onMenuOpen();
203
205
  }
204
206
  _this.setState({
@@ -237,7 +239,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
237
239
  if (onClose) {
238
240
  onClose();
239
241
  }
240
- if (onMenuClose && (0, _platformFeatureFlags.fg)('platform-design-system-dsp-19701-no-node-resolver')) {
242
+ if (onMenuClose && (0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver')) {
241
243
  onMenuClose();
242
244
  }
243
245
  _this.setState({
@@ -336,7 +338,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
336
338
  onMenuOpen = _this$props5.onMenuOpen,
337
339
  onMenuClose = _this$props5.onMenuClose,
338
340
  props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
339
- var menuHandlers = !(0, _platformFeatureFlags.fg)('platform-design-system-dsp-19701-no-node-resolver') ? {
341
+ var menuHandlers = !(0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver') ? {
340
342
  onMenuOpen: onMenuOpen,
341
343
  onMenuClose: onMenuClose
342
344
  } : {};
@@ -418,10 +420,10 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
418
420
  style = _ref2.style;
419
421
  return (
420
422
  /*#__PURE__*/
421
- // When the feature flag 'platform-design-system-dsp-19701-no-node-resolver' is enabled,
423
+ // When the feature flag 'platform_design_system_team_select_node_resolver' is enabled,
422
424
  // we directly pass the ref to MenuDialog instead of wrapping it with NodeResolver.
423
425
  _react.default.createElement(ConditionalNodeResolverWrapper, {
424
- hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform-design-system-dsp-19701-no-node-resolver'),
426
+ hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver'),
425
427
  innerRef: _this.resolveMenuRef(ref)
426
428
  }, /*#__PURE__*/_react.default.createElement(_components.MenuDialog
427
429
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -432,8 +434,8 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
432
434
  maxWidth: maxMenuWidth,
433
435
  id: _this.popperWrapperId,
434
436
  testId: testId,
435
- ref: !(0, _platformFeatureFlags.fg)('platform-design-system-dsp-19701-no-node-resolver') ? null : _this.resolveMenuRef(ref)
436
- }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
437
+ ref: !(0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver') ? null : _this.resolveMenuRef(ref)
438
+ }, /*#__PURE__*/_react.default.createElement(FocusLock, {
437
439
  disabled: !focusLockEnabled,
438
440
  returnFocus: true
439
441
  }, /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({
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.19.1";
12
+ var packageVersion = "17.19.3";
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/PopupSelect.js CHANGED
@@ -4,7 +4,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import React, { PureComponent } from 'react';
5
5
  import { bind } from 'bind-event-listener';
6
6
  import { createPortal } from 'react-dom';
7
- import FocusLock from 'react-focus-lock';
7
+ import FocusLockOld from 'react-focus-lock';
8
+ import FocusLockNext from 'react-focus-lock-next';
8
9
  import NodeResolver from 'react-node-resolver';
9
10
  import { Manager, Popper, Reference } from 'react-popper';
10
11
  import { mergeStyles } from 'react-select';
@@ -29,6 +30,7 @@ const canUseDOM = () => Boolean(typeof window !== 'undefined' && window.document
29
30
  // Class
30
31
  // ==============================
31
32
 
33
+ const FocusLock = fg('platform_dst_select-bump-react-focus-lock') ? FocusLockNext : FocusLockOld;
32
34
  const modifiers = [{
33
35
  name: 'offset',
34
36
  options: {
@@ -170,7 +172,7 @@ export default class PopupSelect extends PureComponent {
170
172
  if (onOpen) {
171
173
  onOpen();
172
174
  }
173
- if (onMenuOpen && fg('platform-design-system-dsp-19701-no-node-resolver')) {
175
+ if (onMenuOpen && fg('platform_design_system_team_select_node_resolver')) {
174
176
  onMenuOpen();
175
177
  }
176
178
  this.setState({
@@ -210,7 +212,7 @@ export default class PopupSelect extends PureComponent {
210
212
  if (onClose) {
211
213
  onClose();
212
214
  }
213
- if (onMenuClose && fg('platform-design-system-dsp-19701-no-node-resolver')) {
215
+ if (onMenuClose && fg('platform_design_system_team_select_node_resolver')) {
214
216
  onMenuClose();
215
217
  }
216
218
  this.setState({
@@ -309,7 +311,7 @@ export default class PopupSelect extends PureComponent {
309
311
  onMenuClose,
310
312
  ...props
311
313
  } = this.props;
312
- const menuHandlers = !fg('platform-design-system-dsp-19701-no-node-resolver') ? {
314
+ const menuHandlers = !fg('platform_design_system_team_select_node_resolver') ? {
313
315
  onMenuOpen,
314
316
  onMenuClose
315
317
  } : {};
@@ -396,10 +398,10 @@ export default class PopupSelect extends PureComponent {
396
398
  style
397
399
  }) =>
398
400
  /*#__PURE__*/
399
- // When the feature flag 'platform-design-system-dsp-19701-no-node-resolver' is enabled,
401
+ // When the feature flag 'platform_design_system_team_select_node_resolver' is enabled,
400
402
  // we directly pass the ref to MenuDialog instead of wrapping it with NodeResolver.
401
403
  React.createElement(ConditionalNodeResolverWrapper, {
402
- hasNodeResolver: !fg('platform-design-system-dsp-19701-no-node-resolver'),
404
+ hasNodeResolver: !fg('platform_design_system_team_select_node_resolver'),
403
405
  innerRef: this.resolveMenuRef(ref)
404
406
  }, /*#__PURE__*/React.createElement(MenuDialog
405
407
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -410,7 +412,7 @@ export default class PopupSelect extends PureComponent {
410
412
  maxWidth: maxMenuWidth,
411
413
  id: this.popperWrapperId,
412
414
  testId: testId,
413
- ref: !fg('platform-design-system-dsp-19701-no-node-resolver') ? null : this.resolveMenuRef(ref)
415
+ ref: !fg('platform_design_system_team_select_node_resolver') ? null : this.resolveMenuRef(ref)
414
416
  }, /*#__PURE__*/React.createElement(FocusLock, {
415
417
  disabled: !focusLockEnabled,
416
418
  returnFocus: true
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.19.1";
5
+ const packageVersion = "17.19.3";
6
6
  export const SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  const Select = withAnalyticsContext({
package/dist/esm/PopupSelect/PopupSelect.js CHANGED
@@ -16,7 +16,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
16
16
  import React, { PureComponent } from 'react';
17
17
  import { bind } from 'bind-event-listener';
18
18
  import { createPortal } from 'react-dom';
19
- import FocusLock from 'react-focus-lock';
19
+ import FocusLockOld from 'react-focus-lock';
20
+ import FocusLockNext from 'react-focus-lock-next';
20
21
  import NodeResolver from 'react-node-resolver';
21
22
  import { Manager, Popper, Reference } from 'react-popper';
22
23
  import { mergeStyles } from 'react-select';
@@ -43,6 +44,7 @@ var canUseDOM = function canUseDOM() {
43
44
  // Class
44
45
  // ==============================
45
46
 
47
+ var FocusLock = fg('platform_dst_select-bump-react-focus-lock') ? FocusLockNext : FocusLockOld;
46
48
  var modifiers = [{
47
49
  name: 'offset',
48
50
  options: {
@@ -189,7 +191,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
189
191
  if (onOpen) {
190
192
  onOpen();
191
193
  }
192
- if (onMenuOpen && fg('platform-design-system-dsp-19701-no-node-resolver')) {
194
+ if (onMenuOpen && fg('platform_design_system_team_select_node_resolver')) {
193
195
  onMenuOpen();
194
196
  }
195
197
  _this.setState({
@@ -228,7 +230,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
228
230
  if (onClose) {
229
231
  onClose();
230
232
  }
231
- if (onMenuClose && fg('platform-design-system-dsp-19701-no-node-resolver')) {
233
+ if (onMenuClose && fg('platform_design_system_team_select_node_resolver')) {
232
234
  onMenuClose();
233
235
  }
234
236
  _this.setState({
@@ -327,7 +329,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
327
329
  onMenuOpen = _this$props5.onMenuOpen,
328
330
  onMenuClose = _this$props5.onMenuClose,
329
331
  props = _objectWithoutProperties(_this$props5, _excluded);
330
- var menuHandlers = !fg('platform-design-system-dsp-19701-no-node-resolver') ? {
332
+ var menuHandlers = !fg('platform_design_system_team_select_node_resolver') ? {
331
333
  onMenuOpen: onMenuOpen,
332
334
  onMenuClose: onMenuClose
333
335
  } : {};
@@ -409,10 +411,10 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
409
411
  style = _ref2.style;
410
412
  return (
411
413
  /*#__PURE__*/
412
- // When the feature flag 'platform-design-system-dsp-19701-no-node-resolver' is enabled,
414
+ // When the feature flag 'platform_design_system_team_select_node_resolver' is enabled,
413
415
  // we directly pass the ref to MenuDialog instead of wrapping it with NodeResolver.
414
416
  React.createElement(ConditionalNodeResolverWrapper, {
415
- hasNodeResolver: !fg('platform-design-system-dsp-19701-no-node-resolver'),
417
+ hasNodeResolver: !fg('platform_design_system_team_select_node_resolver'),
416
418
  innerRef: _this.resolveMenuRef(ref)
417
419
  }, /*#__PURE__*/React.createElement(MenuDialog
418
420
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -423,7 +425,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
423
425
  maxWidth: maxMenuWidth,
424
426
  id: _this.popperWrapperId,
425
427
  testId: testId,
426
- ref: !fg('platform-design-system-dsp-19701-no-node-resolver') ? null : _this.resolveMenuRef(ref)
428
+ ref: !fg('platform_design_system_team_select_node_resolver') ? null : _this.resolveMenuRef(ref)
427
429
  }, /*#__PURE__*/React.createElement(FocusLock, {
428
430
  disabled: !focusLockEnabled,
429
431
  returnFocus: true
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.19.1";
5
+ var packageVersion = "17.19.3";
6
6
  export var SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  var Select = withAnalyticsContext({
package/dist/types/PopupSelect/PopupSelect.d.ts CHANGED
@@ -110,10 +110,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
110
110
  focusLockEnabled: boolean;
111
111
  isOpen: boolean;
112
112
  mergedComponents: {
113
- Control: React.FC<import("../types").ControlProps<OptionType, boolean>>; /**
114
- * The maximum width for the popup menu. Can be a number, representing the width in pixels,
115
- * or a string containing a CSS length datatype.
116
- */
113
+ Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
117
114
  DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
118
115
  Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
119
116
  IndicatorSeparator: (props: import("react-select").IndicatorSeparatorProps<unknown, boolean, GroupBase<unknown>>) => import("@emotion/react").jsx.JSX.Element;
package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts CHANGED
@@ -110,10 +110,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
110
110
  focusLockEnabled: boolean;
111
111
  isOpen: boolean;
112
112
  mergedComponents: {
113
- Control: React.FC<import("../types").ControlProps<OptionType, boolean>>; /**
114
- * The maximum width for the popup menu. Can be a number, representing the width in pixels,
115
- * or a string containing a CSS length datatype.
116
- */
113
+ Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
117
114
  DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
118
115
  Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
119
116
  IndicatorSeparator: (props: import("react-select").IndicatorSeparatorProps<unknown, boolean, GroupBase<unknown>>) => import("@emotion/react").jsx.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "17.19.1",
3
+ "version": "17.19.3",
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/"
@@ -39,7 +39,7 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@atlaskit/analytics-next": "^10.1.0",
42
- "@atlaskit/icon": "^22.18.0",
42
+ "@atlaskit/icon": "^22.20.0",
43
43
  "@atlaskit/platform-feature-flags": "^0.3.0",
44
44
  "@atlaskit/primitives": "^12.2.0",
45
45
  "@atlaskit/spinner": "^16.3.0",
@@ -51,6 +51,7 @@
51
51
  "@popperjs/core": "^2.11.8",
52
52
  "bind-event-listener": "^3.0.0",
53
53
  "react-focus-lock": "^2.9.5",
54
+ "react-focus-lock-next": "npm:react-focus-lock@^2.13.2",
54
55
  "react-node-resolver": "^1.0.1",
55
56
  "react-popper": "^2.3.0",
56
57
  "react-select": "^5.4.0",
@@ -99,7 +100,7 @@
99
100
  }
100
101
  },
101
102
  "platform-feature-flags": {
102
- "platform-design-system-dsp-19701-no-node-resolver": {
103
+ "platform_design_system_team_select_node_resolver": {
103
104
  "type": "boolean"
104
105
  },
105
106
  "platform-component-visual-refresh": {
@@ -113,6 +114,9 @@
113
114
  },
114
115
  "platform_design_system_team_select_typography": {
115
116
  "type": "boolean"
117
+ },
118
+ "platform_dst_select-bump-react-focus-lock": {
119
+ "type": "boolean"
116
120
  }
117
121
  },
118
122
  "homepage": "https://atlassian.design/components/select/"