@atlaskit/select 21.6.4 → 21.7.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/PopupSelect/PopupSelect.js +2 -41
- package/dist/cjs/Select.js +1 -1
- package/dist/es2019/PopupSelect/PopupSelect.js +2 -41
- package/dist/es2019/Select.js +1 -1
- package/dist/esm/PopupSelect/PopupSelect.js +2 -41
- package/dist/esm/Select.js +1 -1
- package/package.json +6 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/select
|
|
2
2
|
|
|
3
|
+
## 21.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`2ff0f3751e4e4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2ff0f3751e4e4) -
|
|
8
|
+
Clean up the `platform_dst_nav4_layering_in_main_slot_fixes` feature gate. This change was
|
|
9
|
+
abandoned because it broke usage of fixed positioning in apps.
|
|
10
|
+
|
|
3
11
|
## 21.6.4
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -63,49 +63,10 @@ var modifiers = [{
|
|
|
63
63
|
altBoundary: true
|
|
64
64
|
}
|
|
65
65
|
}];
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* The new defaults match the default modifiers of `@atlaskit/popper`.
|
|
69
|
-
*
|
|
70
|
-
* In the future we should investigate using `@atlaskit/popper` instead of
|
|
71
|
-
* consuming `react-popper` directly.
|
|
72
|
-
*
|
|
73
|
-
* Previously the select popup would slide over the trigger to try to stay visible.
|
|
74
|
-
* This behavior could actually cause it to go offscreen.
|
|
75
|
-
*
|
|
76
|
-
* Now it will stay anchored above / below the trigger and cause the
|
|
77
|
-
* clipping parent to scroll if necessary. This aligns with other popups.
|
|
78
|
-
*/
|
|
79
|
-
var newDefaultModifiers = [{
|
|
80
|
-
name: 'offset',
|
|
81
|
-
options: {
|
|
82
|
-
offset: [0, 8]
|
|
83
|
-
}
|
|
84
|
-
}, {
|
|
85
|
-
name: 'preventOverflow',
|
|
86
|
-
enabled: true,
|
|
87
|
-
options: {
|
|
88
|
-
padding: 5,
|
|
89
|
-
boundary: 'clippingParents',
|
|
90
|
-
rootBoundary: 'document'
|
|
91
|
-
}
|
|
92
|
-
}, {
|
|
93
|
-
name: 'flip',
|
|
94
|
-
options: {
|
|
95
|
-
flipVariations: false,
|
|
96
|
-
padding: 5,
|
|
97
|
-
boundary: 'clippingParents',
|
|
98
|
-
rootBoundary: 'viewport'
|
|
99
|
-
}
|
|
100
|
-
}];
|
|
101
66
|
var defaultPopperProps = {
|
|
102
67
|
modifiers: modifiers,
|
|
103
68
|
placement: 'bottom-start'
|
|
104
69
|
};
|
|
105
|
-
var newDefaultPopperProps = {
|
|
106
|
-
modifiers: newDefaultModifiers,
|
|
107
|
-
placement: 'bottom-start'
|
|
108
|
-
};
|
|
109
70
|
var isEmpty = function isEmpty(obj) {
|
|
110
71
|
return Object.keys(obj).length === 0;
|
|
111
72
|
};
|
|
@@ -138,7 +99,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
138
99
|
focusLockEnabled: false,
|
|
139
100
|
isOpen: (_this$defaultOpenStat = _this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
|
|
140
101
|
mergedComponents: _components.defaultComponents,
|
|
141
|
-
mergedPopperProps:
|
|
102
|
+
mergedPopperProps: defaultPopperProps
|
|
142
103
|
});
|
|
143
104
|
// Event Handlers
|
|
144
105
|
// ==============================
|
|
@@ -521,7 +482,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
521
482
|
var newState = {};
|
|
522
483
|
|
|
523
484
|
// Merge consumer and default popper props
|
|
524
|
-
var mergedPopperProps = _objectSpread(_objectSpread({},
|
|
485
|
+
var mergedPopperProps = _objectSpread(_objectSpread({}, defaultPopperProps), props.popperProps);
|
|
525
486
|
if (!(0, _shallowEqual.shallowEqualObjects)(mergedPopperProps, state.mergedPopperProps)) {
|
|
526
487
|
newState.mergedPopperProps = mergedPopperProps;
|
|
527
488
|
}
|
package/dist/cjs/Select.js
CHANGED
|
@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
|
|
|
11
11
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
12
12
|
|
|
13
13
|
var packageName = "@atlaskit/select";
|
|
14
|
-
var packageVersion = "
|
|
14
|
+
var packageVersion = "0.0.0-development";
|
|
15
15
|
var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
|
|
16
16
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
17
17
|
var Select = (0, _analyticsNext.withAnalyticsContext)({
|
|
@@ -42,49 +42,10 @@ const modifiers = [{
|
|
|
42
42
|
altBoundary: true
|
|
43
43
|
}
|
|
44
44
|
}];
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* The new defaults match the default modifiers of `@atlaskit/popper`.
|
|
48
|
-
*
|
|
49
|
-
* In the future we should investigate using `@atlaskit/popper` instead of
|
|
50
|
-
* consuming `react-popper` directly.
|
|
51
|
-
*
|
|
52
|
-
* Previously the select popup would slide over the trigger to try to stay visible.
|
|
53
|
-
* This behavior could actually cause it to go offscreen.
|
|
54
|
-
*
|
|
55
|
-
* Now it will stay anchored above / below the trigger and cause the
|
|
56
|
-
* clipping parent to scroll if necessary. This aligns with other popups.
|
|
57
|
-
*/
|
|
58
|
-
const newDefaultModifiers = [{
|
|
59
|
-
name: 'offset',
|
|
60
|
-
options: {
|
|
61
|
-
offset: [0, 8]
|
|
62
|
-
}
|
|
63
|
-
}, {
|
|
64
|
-
name: 'preventOverflow',
|
|
65
|
-
enabled: true,
|
|
66
|
-
options: {
|
|
67
|
-
padding: 5,
|
|
68
|
-
boundary: 'clippingParents',
|
|
69
|
-
rootBoundary: 'document'
|
|
70
|
-
}
|
|
71
|
-
}, {
|
|
72
|
-
name: 'flip',
|
|
73
|
-
options: {
|
|
74
|
-
flipVariations: false,
|
|
75
|
-
padding: 5,
|
|
76
|
-
boundary: 'clippingParents',
|
|
77
|
-
rootBoundary: 'viewport'
|
|
78
|
-
}
|
|
79
|
-
}];
|
|
80
45
|
const defaultPopperProps = {
|
|
81
46
|
modifiers,
|
|
82
47
|
placement: 'bottom-start'
|
|
83
48
|
};
|
|
84
|
-
const newDefaultPopperProps = {
|
|
85
|
-
modifiers: newDefaultModifiers,
|
|
86
|
-
placement: 'bottom-start'
|
|
87
|
-
};
|
|
88
49
|
const isEmpty = obj => Object.keys(obj).length === 0;
|
|
89
50
|
|
|
90
51
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -109,7 +70,7 @@ export default class PopupSelect extends PureComponent {
|
|
|
109
70
|
focusLockEnabled: false,
|
|
110
71
|
isOpen: (_this$defaultOpenStat = this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
|
|
111
72
|
mergedComponents: defaultComponents,
|
|
112
|
-
mergedPopperProps:
|
|
73
|
+
mergedPopperProps: defaultPopperProps
|
|
113
74
|
});
|
|
114
75
|
// Event Handlers
|
|
115
76
|
// ==============================
|
|
@@ -427,7 +388,7 @@ export default class PopupSelect extends PureComponent {
|
|
|
427
388
|
|
|
428
389
|
// Merge consumer and default popper props
|
|
429
390
|
const mergedPopperProps = {
|
|
430
|
-
...
|
|
391
|
+
...defaultPopperProps,
|
|
431
392
|
...props.popperProps
|
|
432
393
|
};
|
|
433
394
|
if (!shallowEqualObjects(mergedPopperProps, state.mergedPopperProps)) {
|
package/dist/es2019/Select.js
CHANGED
|
@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
|
|
|
3
3
|
import AsyncSelect from '@atlaskit/react-select/async';
|
|
4
4
|
import createSelect from './createSelect';
|
|
5
5
|
const packageName = "@atlaskit/select";
|
|
6
|
-
const packageVersion = "
|
|
6
|
+
const packageVersion = "0.0.0-development";
|
|
7
7
|
export const SelectWithoutAnalytics = createSelect(AsyncSelect);
|
|
8
8
|
const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
9
9
|
const Select = withAnalyticsContext({
|
|
@@ -55,49 +55,10 @@ var modifiers = [{
|
|
|
55
55
|
altBoundary: true
|
|
56
56
|
}
|
|
57
57
|
}];
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* The new defaults match the default modifiers of `@atlaskit/popper`.
|
|
61
|
-
*
|
|
62
|
-
* In the future we should investigate using `@atlaskit/popper` instead of
|
|
63
|
-
* consuming `react-popper` directly.
|
|
64
|
-
*
|
|
65
|
-
* Previously the select popup would slide over the trigger to try to stay visible.
|
|
66
|
-
* This behavior could actually cause it to go offscreen.
|
|
67
|
-
*
|
|
68
|
-
* Now it will stay anchored above / below the trigger and cause the
|
|
69
|
-
* clipping parent to scroll if necessary. This aligns with other popups.
|
|
70
|
-
*/
|
|
71
|
-
var newDefaultModifiers = [{
|
|
72
|
-
name: 'offset',
|
|
73
|
-
options: {
|
|
74
|
-
offset: [0, 8]
|
|
75
|
-
}
|
|
76
|
-
}, {
|
|
77
|
-
name: 'preventOverflow',
|
|
78
|
-
enabled: true,
|
|
79
|
-
options: {
|
|
80
|
-
padding: 5,
|
|
81
|
-
boundary: 'clippingParents',
|
|
82
|
-
rootBoundary: 'document'
|
|
83
|
-
}
|
|
84
|
-
}, {
|
|
85
|
-
name: 'flip',
|
|
86
|
-
options: {
|
|
87
|
-
flipVariations: false,
|
|
88
|
-
padding: 5,
|
|
89
|
-
boundary: 'clippingParents',
|
|
90
|
-
rootBoundary: 'viewport'
|
|
91
|
-
}
|
|
92
|
-
}];
|
|
93
58
|
var defaultPopperProps = {
|
|
94
59
|
modifiers: modifiers,
|
|
95
60
|
placement: 'bottom-start'
|
|
96
61
|
};
|
|
97
|
-
var newDefaultPopperProps = {
|
|
98
|
-
modifiers: newDefaultModifiers,
|
|
99
|
-
placement: 'bottom-start'
|
|
100
|
-
};
|
|
101
62
|
var isEmpty = function isEmpty(obj) {
|
|
102
63
|
return Object.keys(obj).length === 0;
|
|
103
64
|
};
|
|
@@ -130,7 +91,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
|
|
|
130
91
|
focusLockEnabled: false,
|
|
131
92
|
isOpen: (_this$defaultOpenStat = _this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
|
|
132
93
|
mergedComponents: defaultComponents,
|
|
133
|
-
mergedPopperProps:
|
|
94
|
+
mergedPopperProps: defaultPopperProps
|
|
134
95
|
});
|
|
135
96
|
// Event Handlers
|
|
136
97
|
// ==============================
|
|
@@ -513,7 +474,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
|
|
|
513
474
|
var newState = {};
|
|
514
475
|
|
|
515
476
|
// Merge consumer and default popper props
|
|
516
|
-
var mergedPopperProps = _objectSpread(_objectSpread({},
|
|
477
|
+
var mergedPopperProps = _objectSpread(_objectSpread({}, defaultPopperProps), props.popperProps);
|
|
517
478
|
if (!shallowEqualObjects(mergedPopperProps, state.mergedPopperProps)) {
|
|
518
479
|
newState.mergedPopperProps = mergedPopperProps;
|
|
519
480
|
}
|
package/dist/esm/Select.js
CHANGED
|
@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
|
|
|
3
3
|
import AsyncSelect from '@atlaskit/react-select/async';
|
|
4
4
|
import createSelect from './createSelect';
|
|
5
5
|
var packageName = "@atlaskit/select";
|
|
6
|
-
var packageVersion = "
|
|
6
|
+
var packageVersion = "0.0.0-development";
|
|
7
7
|
export var SelectWithoutAnalytics = createSelect(AsyncSelect);
|
|
8
8
|
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
9
9
|
var Select = withAnalyticsContext({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/select",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.7.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/"
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
37
37
|
"@atlaskit/icon": "^29.4.0",
|
|
38
38
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
39
|
-
"@atlaskit/primitives": "^17.
|
|
39
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
40
40
|
"@atlaskit/react-select": "^3.13.0",
|
|
41
41
|
"@atlaskit/theme": "^21.0.0",
|
|
42
42
|
"@atlaskit/tokens": "^9.1.0",
|
|
@@ -59,16 +59,16 @@
|
|
|
59
59
|
"@af/visual-regression": "workspace:^",
|
|
60
60
|
"@atlaskit/button": "^23.9.0",
|
|
61
61
|
"@atlaskit/checkbox": "^17.3.0",
|
|
62
|
-
"@atlaskit/docs": "^11.
|
|
62
|
+
"@atlaskit/docs": "^11.3.0",
|
|
63
63
|
"@atlaskit/drawer": "^11.0.0",
|
|
64
64
|
"@atlaskit/form": "^15.3.0",
|
|
65
65
|
"@atlaskit/link": "^3.3.0",
|
|
66
|
-
"@atlaskit/logo": "^19.
|
|
67
|
-
"@atlaskit/modal-dialog": "^14.
|
|
66
|
+
"@atlaskit/logo": "^19.10.0",
|
|
67
|
+
"@atlaskit/modal-dialog": "^14.10.0",
|
|
68
68
|
"@atlaskit/radio": "^8.4.0",
|
|
69
69
|
"@atlaskit/section-message": "^8.12.0",
|
|
70
70
|
"@atlassian/ssr-tests": "workspace:^",
|
|
71
|
-
"@testing-library/react": "^
|
|
71
|
+
"@testing-library/react": "^16.3.0",
|
|
72
72
|
"@testing-library/user-event": "^14.4.3",
|
|
73
73
|
"ast-types": "^0.13.3",
|
|
74
74
|
"jest-in-case": "^1.0.2",
|
|
@@ -97,9 +97,6 @@
|
|
|
97
97
|
"platform-visual-refresh-icons": {
|
|
98
98
|
"type": "boolean"
|
|
99
99
|
},
|
|
100
|
-
"platform_dst_nav4_layering_in_main_slot_fixes": {
|
|
101
|
-
"type": "boolean"
|
|
102
|
-
},
|
|
103
100
|
"platform-dst-shape-theme-default": {
|
|
104
101
|
"type": "boolean"
|
|
105
102
|
},
|