@atlaskit/editor-plugin-status 0.2.4 → 0.2.5
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 +6 -0
- package/dist/cjs/nodeviews/status.js +3 -5
- package/dist/cjs/ui/statusPicker.js +4 -4
- package/dist/es2019/nodeviews/status.js +4 -5
- package/dist/es2019/ui/statusPicker.js +4 -6
- package/dist/esm/nodeviews/status.js +4 -5
- package/dist/esm/ui/statusPicker.js +4 -6
- package/package.json +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-status
|
|
2
2
|
|
|
3
|
+
## 0.2.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763) [`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) - update ADF schema
|
|
8
|
+
|
|
3
9
|
## 0.2.4
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -10,8 +10,6 @@ var _react2 = require("@emotion/react");
|
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
11
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
12
12
|
var _element = require("@atlaskit/status/element");
|
|
13
|
-
/** @jsx jsx */
|
|
14
|
-
|
|
15
13
|
var styledStatusStyles = (0, _react2.css)({
|
|
16
14
|
opacity: 1
|
|
17
15
|
});
|
|
@@ -32,10 +30,10 @@ var StatusContainerView = function StatusContainerView(props) {
|
|
|
32
30
|
// handling of popup is done in plugin.apply on selection change.
|
|
33
31
|
};
|
|
34
32
|
|
|
35
|
-
return
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
36
34
|
css: text ? styledStatusStyles : styledStatusPlaceholderStyles,
|
|
37
35
|
"data-testid": "statusContainerView"
|
|
38
|
-
},
|
|
36
|
+
}, /*#__PURE__*/_react.default.createElement(_element.Status, {
|
|
39
37
|
text: statusText,
|
|
40
38
|
color: color,
|
|
41
39
|
localId: localId,
|
|
@@ -51,7 +49,7 @@ var StatusNodeView = exports.StatusNodeView = function StatusNodeView(props) {
|
|
|
51
49
|
color = _props$node$attrs.color,
|
|
52
50
|
localId = _props$node$attrs.localId,
|
|
53
51
|
style = _props$node$attrs.style;
|
|
54
|
-
return
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(IntlStatusContainerView, {
|
|
55
53
|
view: view,
|
|
56
54
|
text: text,
|
|
57
55
|
color: color,
|
|
@@ -24,7 +24,7 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
24
24
|
var _actions = require("../actions");
|
|
25
25
|
var _analytics = require("../analytics");
|
|
26
26
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
27
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
27
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
28
28
|
var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
|
|
29
29
|
var InputMethod = exports.InputMethod = /*#__PURE__*/function (InputMethod) {
|
|
30
30
|
InputMethod["blur"] = "blur";
|
|
@@ -284,7 +284,7 @@ var StatusPickerWithoutAnalytcs = exports.StatusPickerWithoutAnalytcs = /*#__PUR
|
|
|
284
284
|
var _this$state3 = this.state,
|
|
285
285
|
color = _this$state3.color,
|
|
286
286
|
text = _this$state3.text;
|
|
287
|
-
return target &&
|
|
287
|
+
return target && /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
|
|
288
288
|
target: target,
|
|
289
289
|
offset: [0, 8],
|
|
290
290
|
handleClickOutside: this.handleClickOutside,
|
|
@@ -295,13 +295,13 @@ var StatusPickerWithoutAnalytcs = exports.StatusPickerWithoutAnalytcs = /*#__PUR
|
|
|
295
295
|
boundariesElement: boundariesElement,
|
|
296
296
|
scrollableElement: scrollableElement,
|
|
297
297
|
closeOnTab: false
|
|
298
|
-
},
|
|
298
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
299
299
|
css: pickerContainerStyles,
|
|
300
300
|
tabIndex: -1,
|
|
301
301
|
ref: this.popupBodyWrapper,
|
|
302
302
|
onClick: this.handlePopupClick,
|
|
303
303
|
onKeyDown: this.onKeyDown
|
|
304
|
-
},
|
|
304
|
+
}, /*#__PURE__*/_react.default.createElement(_picker.StatusPicker, {
|
|
305
305
|
autoFocus: isNew || focusStatusInput,
|
|
306
306
|
selectedColor: color,
|
|
307
307
|
text: text,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { css
|
|
2
|
+
import { css } from '@emotion/react';
|
|
4
3
|
import { injectIntl } from 'react-intl-next';
|
|
5
4
|
import { statusMessages as messages } from '@atlaskit/editor-common/messages';
|
|
6
5
|
import { Status } from '@atlaskit/status/element';
|
|
@@ -28,10 +27,10 @@ const StatusContainerView = props => {
|
|
|
28
27
|
// handling of popup is done in plugin.apply on selection change.
|
|
29
28
|
};
|
|
30
29
|
|
|
31
|
-
return
|
|
30
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
32
31
|
css: text ? styledStatusStyles : styledStatusPlaceholderStyles,
|
|
33
32
|
"data-testid": "statusContainerView"
|
|
34
|
-
},
|
|
33
|
+
}, /*#__PURE__*/React.createElement(Status, {
|
|
35
34
|
text: statusText,
|
|
36
35
|
color: color,
|
|
37
36
|
localId: localId,
|
|
@@ -50,7 +49,7 @@ export const StatusNodeView = props => {
|
|
|
50
49
|
localId,
|
|
51
50
|
style
|
|
52
51
|
} = props.node.attrs;
|
|
53
|
-
return
|
|
52
|
+
return /*#__PURE__*/React.createElement(IntlStatusContainerView, {
|
|
54
53
|
view: view,
|
|
55
54
|
text: text,
|
|
56
55
|
color: color,
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
/** @jsx jsx */
|
|
3
|
-
|
|
4
2
|
import React from 'react';
|
|
5
|
-
import { css
|
|
3
|
+
import { css } from '@emotion/react';
|
|
6
4
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
7
5
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
8
6
|
import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
@@ -258,7 +256,7 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
|
|
|
258
256
|
color,
|
|
259
257
|
text
|
|
260
258
|
} = this.state;
|
|
261
|
-
return target &&
|
|
259
|
+
return target && /*#__PURE__*/React.createElement(PopupWithListeners, {
|
|
262
260
|
target: target,
|
|
263
261
|
offset: [0, 8],
|
|
264
262
|
handleClickOutside: this.handleClickOutside,
|
|
@@ -269,13 +267,13 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
|
|
|
269
267
|
boundariesElement: boundariesElement,
|
|
270
268
|
scrollableElement: scrollableElement,
|
|
271
269
|
closeOnTab: false
|
|
272
|
-
},
|
|
270
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
273
271
|
css: pickerContainerStyles,
|
|
274
272
|
tabIndex: -1,
|
|
275
273
|
ref: this.popupBodyWrapper,
|
|
276
274
|
onClick: this.handlePopupClick,
|
|
277
275
|
onKeyDown: this.onKeyDown
|
|
278
|
-
},
|
|
276
|
+
}, /*#__PURE__*/React.createElement(AkStatusPicker, {
|
|
279
277
|
autoFocus: isNew || focusStatusInput,
|
|
280
278
|
selectedColor: color,
|
|
281
279
|
text: text,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { css
|
|
2
|
+
import { css } from '@emotion/react';
|
|
4
3
|
import { injectIntl } from 'react-intl-next';
|
|
5
4
|
import { statusMessages as messages } from '@atlaskit/editor-common/messages';
|
|
6
5
|
import { Status } from '@atlaskit/status/element';
|
|
@@ -24,10 +23,10 @@ var StatusContainerView = function StatusContainerView(props) {
|
|
|
24
23
|
// handling of popup is done in plugin.apply on selection change.
|
|
25
24
|
};
|
|
26
25
|
|
|
27
|
-
return
|
|
26
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
28
27
|
css: text ? styledStatusStyles : styledStatusPlaceholderStyles,
|
|
29
28
|
"data-testid": "statusContainerView"
|
|
30
|
-
},
|
|
29
|
+
}, /*#__PURE__*/React.createElement(Status, {
|
|
31
30
|
text: statusText,
|
|
32
31
|
color: color,
|
|
33
32
|
localId: localId,
|
|
@@ -43,7 +42,7 @@ export var StatusNodeView = function StatusNodeView(props) {
|
|
|
43
42
|
color = _props$node$attrs.color,
|
|
44
43
|
localId = _props$node$attrs.localId,
|
|
45
44
|
style = _props$node$attrs.style;
|
|
46
|
-
return
|
|
45
|
+
return /*#__PURE__*/React.createElement(IntlStatusContainerView, {
|
|
47
46
|
view: view,
|
|
48
47
|
text: text,
|
|
49
48
|
color: color,
|
|
@@ -7,10 +7,8 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
8
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
9
9
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
10
|
-
/** @jsx jsx */
|
|
11
|
-
|
|
12
10
|
import React from 'react';
|
|
13
|
-
import { css
|
|
11
|
+
import { css } from '@emotion/react';
|
|
14
12
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
15
13
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
16
14
|
import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
@@ -279,7 +277,7 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
|
|
|
279
277
|
var _this$state3 = this.state,
|
|
280
278
|
color = _this$state3.color,
|
|
281
279
|
text = _this$state3.text;
|
|
282
|
-
return target &&
|
|
280
|
+
return target && /*#__PURE__*/React.createElement(PopupWithListeners, {
|
|
283
281
|
target: target,
|
|
284
282
|
offset: [0, 8],
|
|
285
283
|
handleClickOutside: this.handleClickOutside,
|
|
@@ -290,13 +288,13 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
|
|
|
290
288
|
boundariesElement: boundariesElement,
|
|
291
289
|
scrollableElement: scrollableElement,
|
|
292
290
|
closeOnTab: false
|
|
293
|
-
},
|
|
291
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
294
292
|
css: pickerContainerStyles,
|
|
295
293
|
tabIndex: -1,
|
|
296
294
|
ref: this.popupBodyWrapper,
|
|
297
295
|
onClick: this.handlePopupClick,
|
|
298
296
|
onKeyDown: this.onKeyDown
|
|
299
|
-
},
|
|
297
|
+
}, /*#__PURE__*/React.createElement(AkStatusPicker, {
|
|
300
298
|
autoFocus: isNew || focusStatusInput,
|
|
301
299
|
selectedColor: color,
|
|
302
300
|
text: text,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-status",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"description": "Status plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
".": "./src/index.ts"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@atlaskit/adf-schema": "^
|
|
34
|
+
"@atlaskit/adf-schema": "^35.0.0",
|
|
35
35
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
36
|
-
"@atlaskit/editor-common": "^76.
|
|
36
|
+
"@atlaskit/editor-common": "^76.24.0",
|
|
37
37
|
"@atlaskit/editor-plugin-analytics": "^0.3.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "1.1.0",
|
|
39
39
|
"@atlaskit/editor-shared-styles": "^2.8.0",
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
"@atlaskit/visual-regression": "*",
|
|
54
54
|
"@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
|
|
55
55
|
"@testing-library/react": "^12.1.5",
|
|
56
|
+
"raf-stub": "^2.0.1",
|
|
56
57
|
"react-dom": "^16.8.0",
|
|
57
58
|
"typescript": "~4.9.5"
|
|
58
59
|
},
|