@atlaskit/editor-plugin-status 23.0.8 → 24.0.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 +14 -0
- package/dist/cjs/ui/statusPicker.js +3 -10
- package/dist/es2019/ui/statusPicker.js +2 -9
- package/dist/esm/ui/statusPicker.js +3 -10
- package/package.json +8 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-status
|
|
2
2
|
|
|
3
|
+
## 24.0.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e6206c6155fba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e6206c6155fba) -
|
|
8
|
+
Clean up feature gate `platform_editor_status_popup_suggestions_patch_2`
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 23.0.9
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 23.0.8
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -103,22 +103,16 @@ var STATUS_PICKER_FIT_HEIGHT = 236;
|
|
|
103
103
|
// Remove when cleaning up `platform_editor_status_popup_suggestions_patch_3`.
|
|
104
104
|
var STATUS_PICKER_FIT_HEIGHT_OLD = 288;
|
|
105
105
|
var STATUS_PICKER_TEN_COLOR_FIT_HEIGHT = 268;
|
|
106
|
-
// Seven suggestions fit below the color palette before the content starts scrolling.
|
|
107
|
-
var MAX_SUGGESTIONS_WITHOUT_SCROLLBAR = 7;
|
|
108
106
|
// ColorPalette: swatches per row * 32px slot + 16px inline margin.
|
|
109
107
|
var STATUS_PICKER_CONTENT_WIDTH = 208; // 6 * 32 + 16
|
|
110
108
|
var STATUS_PICKER_TEN_COLOR_CONTENT_WIDTH = 176; // 5 * 32 + 16
|
|
111
|
-
|
|
109
|
+
|
|
112
110
|
var statusPickerWidthStylesOld = (0, _react2.css)({
|
|
113
111
|
width: "".concat(STATUS_PICKER_CONTENT_WIDTH, "px")
|
|
114
112
|
});
|
|
115
113
|
var statusPickerWidthStyles = (0, _react2.css)({
|
|
116
114
|
width: "".concat(STATUS_PICKER_TEN_COLOR_CONTENT_WIDTH, "px")
|
|
117
115
|
});
|
|
118
|
-
var statusPickerWithScrollbarWidthStylesOld = (0, _react2.css)({
|
|
119
|
-
// Reserve space for the native scrollbar without reducing the picker content width.
|
|
120
|
-
width: "".concat(STATUS_PICKER_CONTENT_WIDTH + STATUS_PICKER_SCROLLBAR_WIDTH, "px")
|
|
121
|
-
});
|
|
122
116
|
|
|
123
117
|
// When cleaning up `platform_editor_status_popup_suggestions_patch_1`, merge this into
|
|
124
118
|
// `suggestedStatusesContainerStyles` and remove its conditional style array.
|
|
@@ -470,8 +464,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
470
464
|
}, {
|
|
471
465
|
key: "renderWithSetOutsideClickTargetRef",
|
|
472
466
|
value: function renderWithSetOutsideClickTargetRef(setOutsideClickTargetRef) {
|
|
473
|
-
var _this3 = this
|
|
474
|
-
_suggestedStatuses$le;
|
|
467
|
+
var _this3 = this;
|
|
475
468
|
var _this$props = this.props,
|
|
476
469
|
isNew = _this$props.isNew,
|
|
477
470
|
focusStatusInput = _this$props.focusStatusInput,
|
|
@@ -519,7 +512,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
519
512
|
api: api,
|
|
520
513
|
userIntent: "statusPickerOpen"
|
|
521
514
|
}, (0, _react2.jsx)("div", {
|
|
522
|
-
css: [(0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles, suggestionsPatchEnabled && isUpdateStatusColorsEnabled ? statusPickerWidthStyles : undefined, suggestionsPatchEnabled && !isUpdateStatusColorsEnabled ? statusPickerWidthStylesOld : undefined, suggestionsPatchEnabled &&
|
|
515
|
+
css: [(0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles, suggestionsPatchEnabled && isUpdateStatusColorsEnabled ? statusPickerWidthStyles : undefined, suggestionsPatchEnabled && !isUpdateStatusColorsEnabled ? statusPickerWidthStylesOld : undefined, suggestionsPatchEnabled && !!suggestedStatusList && (isUpdateStatusColorsEnabled || (0, _fg.fg)('platform_editor_status_popup_suggestions_patch_3')) ? pickerContainerNoBottomPaddingStyles : undefined],
|
|
523
516
|
role: "none",
|
|
524
517
|
ref: this.setRef(setOutsideClickTargetRef),
|
|
525
518
|
onClick: this.handlePopupClick,
|
|
@@ -93,22 +93,16 @@ const STATUS_PICKER_FIT_HEIGHT = 236;
|
|
|
93
93
|
// Remove when cleaning up `platform_editor_status_popup_suggestions_patch_3`.
|
|
94
94
|
const STATUS_PICKER_FIT_HEIGHT_OLD = 288;
|
|
95
95
|
const STATUS_PICKER_TEN_COLOR_FIT_HEIGHT = 268;
|
|
96
|
-
// Seven suggestions fit below the color palette before the content starts scrolling.
|
|
97
|
-
const MAX_SUGGESTIONS_WITHOUT_SCROLLBAR = 7;
|
|
98
96
|
// ColorPalette: swatches per row * 32px slot + 16px inline margin.
|
|
99
97
|
const STATUS_PICKER_CONTENT_WIDTH = 208; // 6 * 32 + 16
|
|
100
98
|
const STATUS_PICKER_TEN_COLOR_CONTENT_WIDTH = 176; // 5 * 32 + 16
|
|
101
|
-
|
|
99
|
+
|
|
102
100
|
const statusPickerWidthStylesOld = css({
|
|
103
101
|
width: `${STATUS_PICKER_CONTENT_WIDTH}px`
|
|
104
102
|
});
|
|
105
103
|
const statusPickerWidthStyles = css({
|
|
106
104
|
width: `${STATUS_PICKER_TEN_COLOR_CONTENT_WIDTH}px`
|
|
107
105
|
});
|
|
108
|
-
const statusPickerWithScrollbarWidthStylesOld = css({
|
|
109
|
-
// Reserve space for the native scrollbar without reducing the picker content width.
|
|
110
|
-
width: `${STATUS_PICKER_CONTENT_WIDTH + STATUS_PICKER_SCROLLBAR_WIDTH}px`
|
|
111
|
-
});
|
|
112
106
|
|
|
113
107
|
// When cleaning up `platform_editor_status_popup_suggestions_patch_1`, merge this into
|
|
114
108
|
// `suggestedStatusesContainerStyles` and remove its conditional style array.
|
|
@@ -443,7 +437,6 @@ class StatusPickerWithIntl extends React.Component {
|
|
|
443
437
|
};
|
|
444
438
|
}
|
|
445
439
|
renderWithSetOutsideClickTargetRef(setOutsideClickTargetRef) {
|
|
446
|
-
var _suggestedStatuses$le;
|
|
447
440
|
const {
|
|
448
441
|
isNew,
|
|
449
442
|
focusStatusInput,
|
|
@@ -489,7 +482,7 @@ class StatusPickerWithIntl extends React.Component {
|
|
|
489
482
|
api: api,
|
|
490
483
|
userIntent: "statusPickerOpen"
|
|
491
484
|
}, jsx("div", {
|
|
492
|
-
css: [fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles, suggestionsPatchEnabled && isUpdateStatusColorsEnabled ? statusPickerWidthStyles : undefined, suggestionsPatchEnabled && !isUpdateStatusColorsEnabled ? statusPickerWidthStylesOld : undefined, suggestionsPatchEnabled &&
|
|
485
|
+
css: [fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles, suggestionsPatchEnabled && isUpdateStatusColorsEnabled ? statusPickerWidthStyles : undefined, suggestionsPatchEnabled && !isUpdateStatusColorsEnabled ? statusPickerWidthStylesOld : undefined, suggestionsPatchEnabled && !!suggestedStatusList && (isUpdateStatusColorsEnabled || fg('platform_editor_status_popup_suggestions_patch_3')) ? pickerContainerNoBottomPaddingStyles : undefined],
|
|
493
486
|
role: "none",
|
|
494
487
|
ref: this.setRef(setOutsideClickTargetRef),
|
|
495
488
|
onClick: this.handlePopupClick,
|
|
@@ -100,22 +100,16 @@ var STATUS_PICKER_FIT_HEIGHT = 236;
|
|
|
100
100
|
// Remove when cleaning up `platform_editor_status_popup_suggestions_patch_3`.
|
|
101
101
|
var STATUS_PICKER_FIT_HEIGHT_OLD = 288;
|
|
102
102
|
var STATUS_PICKER_TEN_COLOR_FIT_HEIGHT = 268;
|
|
103
|
-
// Seven suggestions fit below the color palette before the content starts scrolling.
|
|
104
|
-
var MAX_SUGGESTIONS_WITHOUT_SCROLLBAR = 7;
|
|
105
103
|
// ColorPalette: swatches per row * 32px slot + 16px inline margin.
|
|
106
104
|
var STATUS_PICKER_CONTENT_WIDTH = 208; // 6 * 32 + 16
|
|
107
105
|
var STATUS_PICKER_TEN_COLOR_CONTENT_WIDTH = 176; // 5 * 32 + 16
|
|
108
|
-
|
|
106
|
+
|
|
109
107
|
var statusPickerWidthStylesOld = css({
|
|
110
108
|
width: "".concat(STATUS_PICKER_CONTENT_WIDTH, "px")
|
|
111
109
|
});
|
|
112
110
|
var statusPickerWidthStyles = css({
|
|
113
111
|
width: "".concat(STATUS_PICKER_TEN_COLOR_CONTENT_WIDTH, "px")
|
|
114
112
|
});
|
|
115
|
-
var statusPickerWithScrollbarWidthStylesOld = css({
|
|
116
|
-
// Reserve space for the native scrollbar without reducing the picker content width.
|
|
117
|
-
width: "".concat(STATUS_PICKER_CONTENT_WIDTH + STATUS_PICKER_SCROLLBAR_WIDTH, "px")
|
|
118
|
-
});
|
|
119
113
|
|
|
120
114
|
// When cleaning up `platform_editor_status_popup_suggestions_patch_1`, merge this into
|
|
121
115
|
// `suggestedStatusesContainerStyles` and remove its conditional style array.
|
|
@@ -467,8 +461,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
467
461
|
}, {
|
|
468
462
|
key: "renderWithSetOutsideClickTargetRef",
|
|
469
463
|
value: function renderWithSetOutsideClickTargetRef(setOutsideClickTargetRef) {
|
|
470
|
-
var _this3 = this
|
|
471
|
-
_suggestedStatuses$le;
|
|
464
|
+
var _this3 = this;
|
|
472
465
|
var _this$props = this.props,
|
|
473
466
|
isNew = _this$props.isNew,
|
|
474
467
|
focusStatusInput = _this$props.focusStatusInput,
|
|
@@ -516,7 +509,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
516
509
|
api: api,
|
|
517
510
|
userIntent: "statusPickerOpen"
|
|
518
511
|
}, jsx("div", {
|
|
519
|
-
css: [fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles, suggestionsPatchEnabled && isUpdateStatusColorsEnabled ? statusPickerWidthStyles : undefined, suggestionsPatchEnabled && !isUpdateStatusColorsEnabled ? statusPickerWidthStylesOld : undefined, suggestionsPatchEnabled &&
|
|
512
|
+
css: [fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles, suggestionsPatchEnabled && isUpdateStatusColorsEnabled ? statusPickerWidthStyles : undefined, suggestionsPatchEnabled && !isUpdateStatusColorsEnabled ? statusPickerWidthStylesOld : undefined, suggestionsPatchEnabled && !!suggestedStatusList && (isUpdateStatusColorsEnabled || fg('platform_editor_status_popup_suggestions_patch_3')) ? pickerContainerNoBottomPaddingStyles : undefined],
|
|
520
513
|
role: "none",
|
|
521
514
|
ref: this.setRef(setOutsideClickTargetRef),
|
|
522
515
|
onClick: this.handlePopupClick,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-status",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "24.0.0",
|
|
4
4
|
"description": "Status plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
"@atlaskit/adf-schema": "^57.6.0",
|
|
25
25
|
"@atlaskit/analytics-next": "^12.5.0",
|
|
26
26
|
"@atlaskit/browser-apis": "^1.2.0",
|
|
27
|
-
"@atlaskit/editor-plugin-analytics": "^
|
|
28
|
-
"@atlaskit/editor-plugin-block-controls": "^
|
|
29
|
-
"@atlaskit/editor-plugin-block-menu": "^
|
|
30
|
-
"@atlaskit/editor-plugin-selection": "^
|
|
31
|
-
"@atlaskit/editor-plugin-ui-control-registry": "^
|
|
27
|
+
"@atlaskit/editor-plugin-analytics": "^23.0.0",
|
|
28
|
+
"@atlaskit/editor-plugin-block-controls": "^24.0.0",
|
|
29
|
+
"@atlaskit/editor-plugin-block-menu": "^22.0.0",
|
|
30
|
+
"@atlaskit/editor-plugin-selection": "^23.0.0",
|
|
31
|
+
"@atlaskit/editor-plugin-ui-control-registry": "^17.0.0",
|
|
32
32
|
"@atlaskit/editor-prosemirror": "^9.0.0",
|
|
33
33
|
"@atlaskit/editor-shared-styles": "^4.3.0",
|
|
34
34
|
"@atlaskit/editor-toolbar": "^2.8.0",
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
40
40
|
"@atlaskit/status": "^5.12.0",
|
|
41
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
41
|
+
"@atlaskit/tmp-editor-statsig": "^219.0.0",
|
|
42
42
|
"@atlaskit/tokens": "^20.1.0",
|
|
43
43
|
"@atlaskit/visually-hidden": "^4.4.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0",
|
|
45
45
|
"@emotion/react": "^11.7.1"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
|
-
"@atlaskit/editor-common": "^
|
|
48
|
+
"@atlaskit/editor-common": "^127.0.0",
|
|
49
49
|
"react": "^18.2.0 || ^19.2.0",
|
|
50
50
|
"react-dom": "^18.2.0 || ^19.2.0",
|
|
51
51
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|
|
@@ -70,9 +70,6 @@
|
|
|
70
70
|
"platform_editor_status_popup_suggestions_patch_1": {
|
|
71
71
|
"type": "boolean"
|
|
72
72
|
},
|
|
73
|
-
"platform_editor_status_popup_suggestions_patch_2": {
|
|
74
|
-
"type": "boolean"
|
|
75
|
-
},
|
|
76
73
|
"platform_editor_status_popup_suggestions_patch_3": {
|
|
77
74
|
"type": "boolean"
|
|
78
75
|
}
|