@atlaskit/editor-plugin-status 8.1.13 → 8.1.15
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 +18 -29
- package/dist/es2019/ui/statusPicker.js +5 -12
- package/dist/esm/ui/statusPicker.js +18 -29
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-status
|
|
2
2
|
|
|
3
|
+
## 8.1.15
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7ef3027df8198`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ef3027df8198) -
|
|
8
|
+
remove platform_editor_lovability_user_intent experiment
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 8.1.14
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 8.1.13
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -23,7 +23,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
23
23
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
24
24
|
var _picker = require("@atlaskit/status/picker");
|
|
25
25
|
var _colors = require("@atlaskit/theme/colors");
|
|
26
|
-
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
27
26
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
28
27
|
var _actions = require("../pm-plugins/actions");
|
|
29
28
|
var _analytics = require("./analytics");
|
|
@@ -291,7 +290,6 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
291
290
|
}, {
|
|
292
291
|
key: "renderWithSetOutsideClickTargetRef",
|
|
293
292
|
value: function renderWithSetOutsideClickTargetRef(setOutsideClickTargetRef) {
|
|
294
|
-
var _this3 = this;
|
|
295
293
|
var _this$props = this.props,
|
|
296
294
|
isNew = _this$props.isNew,
|
|
297
295
|
focusStatusInput = _this$props.focusStatusInput,
|
|
@@ -299,33 +297,24 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
299
297
|
var _this$state3 = this.state,
|
|
300
298
|
color = _this$state3.color,
|
|
301
299
|
text = _this$state3.text;
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
);
|
|
321
|
-
};
|
|
322
|
-
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
|
|
323
|
-
return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
|
|
324
|
-
api: api,
|
|
325
|
-
userIntent: "statusPickerOpen"
|
|
326
|
-
}, renderPicker());
|
|
327
|
-
}
|
|
328
|
-
return renderPicker();
|
|
300
|
+
return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
|
|
301
|
+
api: api,
|
|
302
|
+
userIntent: "statusPickerOpen"
|
|
303
|
+
}, (0, _react2.jsx)("div", {
|
|
304
|
+
css: pickerContainerStyles,
|
|
305
|
+
tabIndex: -1,
|
|
306
|
+
ref: this.setRef(setOutsideClickTargetRef),
|
|
307
|
+
onClick: this.handlePopupClick,
|
|
308
|
+
onKeyDown: this.onKeyDown
|
|
309
|
+
}, (0, _react2.jsx)(_picker.StatusPicker, {
|
|
310
|
+
autoFocus: isNew || focusStatusInput,
|
|
311
|
+
selectedColor: color,
|
|
312
|
+
text: text,
|
|
313
|
+
onColorClick: this.onColorClick,
|
|
314
|
+
onColorHover: this.onColorHover,
|
|
315
|
+
onTextChanged: this.onTextChanged,
|
|
316
|
+
onEnter: this.onEnter
|
|
317
|
+
})));
|
|
329
318
|
}
|
|
330
319
|
}, {
|
|
331
320
|
key: "render",
|
|
@@ -18,7 +18,6 @@ import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
|
|
|
18
18
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
19
|
import { StatusPicker as AkStatusPicker } from '@atlaskit/status/picker';
|
|
20
20
|
import { N0 } from '@atlaskit/theme/colors';
|
|
21
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
22
21
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
23
22
|
import { DEFAULT_STATUS } from '../pm-plugins/actions';
|
|
24
23
|
import { analyticsState, createStatusAnalyticsAndFire } from './analytics';
|
|
@@ -273,9 +272,10 @@ class StatusPickerWithIntl extends React.Component {
|
|
|
273
272
|
color,
|
|
274
273
|
text
|
|
275
274
|
} = this.state;
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
275
|
+
return jsx(UserIntentPopupWrapper, {
|
|
276
|
+
api: api,
|
|
277
|
+
userIntent: "statusPickerOpen"
|
|
278
|
+
}, jsx("div", {
|
|
279
279
|
css: pickerContainerStyles,
|
|
280
280
|
tabIndex: -1,
|
|
281
281
|
ref: this.setRef(setOutsideClickTargetRef),
|
|
@@ -289,14 +289,7 @@ class StatusPickerWithIntl extends React.Component {
|
|
|
289
289
|
onColorHover: this.onColorHover,
|
|
290
290
|
onTextChanged: this.onTextChanged,
|
|
291
291
|
onEnter: this.onEnter
|
|
292
|
-
}));
|
|
293
|
-
if (expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
|
|
294
|
-
return jsx(UserIntentPopupWrapper, {
|
|
295
|
-
api: api,
|
|
296
|
-
userIntent: "statusPickerOpen"
|
|
297
|
-
}, renderPicker());
|
|
298
|
-
}
|
|
299
|
-
return renderPicker();
|
|
292
|
+
})));
|
|
300
293
|
}
|
|
301
294
|
render() {
|
|
302
295
|
const {
|
|
@@ -25,7 +25,6 @@ import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
|
|
|
25
25
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
26
26
|
import { StatusPicker as AkStatusPicker } from '@atlaskit/status/picker';
|
|
27
27
|
import { N0 } from '@atlaskit/theme/colors';
|
|
28
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
29
28
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
30
29
|
import { DEFAULT_STATUS } from '../pm-plugins/actions';
|
|
31
30
|
import { analyticsState, createStatusAnalyticsAndFire } from './analytics';
|
|
@@ -288,7 +287,6 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
288
287
|
}, {
|
|
289
288
|
key: "renderWithSetOutsideClickTargetRef",
|
|
290
289
|
value: function renderWithSetOutsideClickTargetRef(setOutsideClickTargetRef) {
|
|
291
|
-
var _this3 = this;
|
|
292
290
|
var _this$props = this.props,
|
|
293
291
|
isNew = _this$props.isNew,
|
|
294
292
|
focusStatusInput = _this$props.focusStatusInput,
|
|
@@ -296,33 +294,24 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
|
|
|
296
294
|
var _this$state3 = this.state,
|
|
297
295
|
color = _this$state3.color,
|
|
298
296
|
text = _this$state3.text;
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
);
|
|
318
|
-
};
|
|
319
|
-
if (expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
|
|
320
|
-
return jsx(UserIntentPopupWrapper, {
|
|
321
|
-
api: api,
|
|
322
|
-
userIntent: "statusPickerOpen"
|
|
323
|
-
}, renderPicker());
|
|
324
|
-
}
|
|
325
|
-
return renderPicker();
|
|
297
|
+
return jsx(UserIntentPopupWrapper, {
|
|
298
|
+
api: api,
|
|
299
|
+
userIntent: "statusPickerOpen"
|
|
300
|
+
}, jsx("div", {
|
|
301
|
+
css: pickerContainerStyles,
|
|
302
|
+
tabIndex: -1,
|
|
303
|
+
ref: this.setRef(setOutsideClickTargetRef),
|
|
304
|
+
onClick: this.handlePopupClick,
|
|
305
|
+
onKeyDown: this.onKeyDown
|
|
306
|
+
}, jsx(AkStatusPicker, {
|
|
307
|
+
autoFocus: isNew || focusStatusInput,
|
|
308
|
+
selectedColor: color,
|
|
309
|
+
text: text,
|
|
310
|
+
onColorClick: this.onColorClick,
|
|
311
|
+
onColorHover: this.onColorHover,
|
|
312
|
+
onTextChanged: this.onTextChanged,
|
|
313
|
+
onEnter: this.onEnter
|
|
314
|
+
})));
|
|
326
315
|
}
|
|
327
316
|
}, {
|
|
328
317
|
key: "render",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-status",
|
|
3
|
-
"version": "8.1.
|
|
3
|
+
"version": "8.1.15",
|
|
4
4
|
"description": "Status plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
39
39
|
"@atlaskit/status": "^3.1.0",
|
|
40
40
|
"@atlaskit/theme": "^21.0.0",
|
|
41
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
41
|
+
"@atlaskit/tmp-editor-statsig": "^25.6.0",
|
|
42
42
|
"@atlaskit/tokens": "^11.0.0",
|
|
43
43
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0",
|
|
45
45
|
"@emotion/react": "^11.7.1"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
|
-
"@atlaskit/editor-common": "^111.
|
|
48
|
+
"@atlaskit/editor-common": "^111.15.0",
|
|
49
49
|
"react": "^18.2.0",
|
|
50
50
|
"react-dom": "^18.2.0",
|
|
51
51
|
"react-intl-next": "npm:react-intl@^5.18.1"
|