@atlaskit/editor-plugin-status 0.2.5 → 0.2.6
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 +5 -3
- package/dist/cjs/ui/statusPicker.js +4 -4
- package/dist/es2019/nodeviews/status.js +5 -4
- package/dist/es2019/ui/statusPicker.js +6 -4
- package/dist/esm/nodeviews/status.js +5 -4
- package/dist/esm/ui/statusPicker.js +6 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-status
|
|
2
2
|
|
|
3
|
+
## 0.2.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
|
|
8
|
+
|
|
3
9
|
## 0.2.5
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -10,6 +10,8 @@ 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
|
+
|
|
13
15
|
var styledStatusStyles = (0, _react2.css)({
|
|
14
16
|
opacity: 1
|
|
15
17
|
});
|
|
@@ -30,10 +32,10 @@ var StatusContainerView = function StatusContainerView(props) {
|
|
|
30
32
|
// handling of popup is done in plugin.apply on selection change.
|
|
31
33
|
};
|
|
32
34
|
|
|
33
|
-
return
|
|
35
|
+
return (0, _react2.jsx)("span", {
|
|
34
36
|
css: text ? styledStatusStyles : styledStatusPlaceholderStyles,
|
|
35
37
|
"data-testid": "statusContainerView"
|
|
36
|
-
},
|
|
38
|
+
}, (0, _react2.jsx)(_element.Status, {
|
|
37
39
|
text: statusText,
|
|
38
40
|
color: color,
|
|
39
41
|
localId: localId,
|
|
@@ -49,7 +51,7 @@ var StatusNodeView = exports.StatusNodeView = function StatusNodeView(props) {
|
|
|
49
51
|
color = _props$node$attrs.color,
|
|
50
52
|
localId = _props$node$attrs.localId,
|
|
51
53
|
style = _props$node$attrs.style;
|
|
52
|
-
return
|
|
54
|
+
return (0, _react2.jsx)(IntlStatusContainerView, {
|
|
53
55
|
view: view,
|
|
54
56
|
text: text,
|
|
55
57
|
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; } } /** @jsx jsx */
|
|
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 && (0, _react2.jsx)(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
|
+
}, (0, _react2.jsx)("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
|
+
}, (0, _react2.jsx)(_picker.StatusPicker, {
|
|
305
305
|
autoFocus: isNew || focusStatusInput,
|
|
306
306
|
selectedColor: color,
|
|
307
307
|
text: text,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
1
2
|
import React from 'react';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
+
import { css, jsx } from '@emotion/react';
|
|
3
4
|
import { injectIntl } from 'react-intl-next';
|
|
4
5
|
import { statusMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
6
|
import { Status } from '@atlaskit/status/element';
|
|
@@ -27,10 +28,10 @@ const StatusContainerView = props => {
|
|
|
27
28
|
// handling of popup is done in plugin.apply on selection change.
|
|
28
29
|
};
|
|
29
30
|
|
|
30
|
-
return
|
|
31
|
+
return jsx("span", {
|
|
31
32
|
css: text ? styledStatusStyles : styledStatusPlaceholderStyles,
|
|
32
33
|
"data-testid": "statusContainerView"
|
|
33
|
-
},
|
|
34
|
+
}, jsx(Status, {
|
|
34
35
|
text: statusText,
|
|
35
36
|
color: color,
|
|
36
37
|
localId: localId,
|
|
@@ -49,7 +50,7 @@ export const StatusNodeView = props => {
|
|
|
49
50
|
localId,
|
|
50
51
|
style
|
|
51
52
|
} = props.node.attrs;
|
|
52
|
-
return
|
|
53
|
+
return jsx(IntlStatusContainerView, {
|
|
53
54
|
view: view,
|
|
54
55
|
text: text,
|
|
55
56
|
color: color,
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
/** @jsx jsx */
|
|
3
|
+
|
|
2
4
|
import React from 'react';
|
|
3
|
-
import { css } from '@emotion/react';
|
|
5
|
+
import { css, jsx } from '@emotion/react';
|
|
4
6
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
5
7
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
6
8
|
import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
@@ -256,7 +258,7 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
|
|
|
256
258
|
color,
|
|
257
259
|
text
|
|
258
260
|
} = this.state;
|
|
259
|
-
return target &&
|
|
261
|
+
return target && jsx(PopupWithListeners, {
|
|
260
262
|
target: target,
|
|
261
263
|
offset: [0, 8],
|
|
262
264
|
handleClickOutside: this.handleClickOutside,
|
|
@@ -267,13 +269,13 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
|
|
|
267
269
|
boundariesElement: boundariesElement,
|
|
268
270
|
scrollableElement: scrollableElement,
|
|
269
271
|
closeOnTab: false
|
|
270
|
-
},
|
|
272
|
+
}, jsx("div", {
|
|
271
273
|
css: pickerContainerStyles,
|
|
272
274
|
tabIndex: -1,
|
|
273
275
|
ref: this.popupBodyWrapper,
|
|
274
276
|
onClick: this.handlePopupClick,
|
|
275
277
|
onKeyDown: this.onKeyDown
|
|
276
|
-
},
|
|
278
|
+
}, jsx(AkStatusPicker, {
|
|
277
279
|
autoFocus: isNew || focusStatusInput,
|
|
278
280
|
selectedColor: color,
|
|
279
281
|
text: text,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
1
2
|
import React from 'react';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
+
import { css, jsx } from '@emotion/react';
|
|
3
4
|
import { injectIntl } from 'react-intl-next';
|
|
4
5
|
import { statusMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
6
|
import { Status } from '@atlaskit/status/element';
|
|
@@ -23,10 +24,10 @@ var StatusContainerView = function StatusContainerView(props) {
|
|
|
23
24
|
// handling of popup is done in plugin.apply on selection change.
|
|
24
25
|
};
|
|
25
26
|
|
|
26
|
-
return
|
|
27
|
+
return jsx("span", {
|
|
27
28
|
css: text ? styledStatusStyles : styledStatusPlaceholderStyles,
|
|
28
29
|
"data-testid": "statusContainerView"
|
|
29
|
-
},
|
|
30
|
+
}, jsx(Status, {
|
|
30
31
|
text: statusText,
|
|
31
32
|
color: color,
|
|
32
33
|
localId: localId,
|
|
@@ -42,7 +43,7 @@ export var StatusNodeView = function StatusNodeView(props) {
|
|
|
42
43
|
color = _props$node$attrs.color,
|
|
43
44
|
localId = _props$node$attrs.localId,
|
|
44
45
|
style = _props$node$attrs.style;
|
|
45
|
-
return
|
|
46
|
+
return jsx(IntlStatusContainerView, {
|
|
46
47
|
view: view,
|
|
47
48
|
text: text,
|
|
48
49
|
color: color,
|
|
@@ -7,8 +7,10 @@ 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
|
+
|
|
10
12
|
import React from 'react';
|
|
11
|
-
import { css } from '@emotion/react';
|
|
13
|
+
import { css, jsx } from '@emotion/react';
|
|
12
14
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
13
15
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
14
16
|
import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
@@ -277,7 +279,7 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
|
|
|
277
279
|
var _this$state3 = this.state,
|
|
278
280
|
color = _this$state3.color,
|
|
279
281
|
text = _this$state3.text;
|
|
280
|
-
return target &&
|
|
282
|
+
return target && jsx(PopupWithListeners, {
|
|
281
283
|
target: target,
|
|
282
284
|
offset: [0, 8],
|
|
283
285
|
handleClickOutside: this.handleClickOutside,
|
|
@@ -288,13 +290,13 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
|
|
|
288
290
|
boundariesElement: boundariesElement,
|
|
289
291
|
scrollableElement: scrollableElement,
|
|
290
292
|
closeOnTab: false
|
|
291
|
-
},
|
|
293
|
+
}, jsx("div", {
|
|
292
294
|
css: pickerContainerStyles,
|
|
293
295
|
tabIndex: -1,
|
|
294
296
|
ref: this.popupBodyWrapper,
|
|
295
297
|
onClick: this.handlePopupClick,
|
|
296
298
|
onKeyDown: this.onKeyDown
|
|
297
|
-
},
|
|
299
|
+
}, jsx(AkStatusPicker, {
|
|
298
300
|
autoFocus: isNew || focusStatusInput,
|
|
299
301
|
selectedColor: color,
|
|
300
302
|
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.6",
|
|
4
4
|
"description": "Status plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
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.25.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",
|