@atlaskit/editor-plugin-selection-extension 10.0.2 → 10.0.3
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/ui/menu/SelectionExtensionDropdownItem.compiled.css +1 -0
- package/dist/cjs/ui/menu/SelectionExtensionDropdownItem.js +14 -1
- package/dist/es2019/ui/menu/SelectionExtensionDropdownItem.compiled.css +1 -0
- package/dist/es2019/ui/menu/SelectionExtensionDropdownItem.js +14 -1
- package/dist/esm/ui/menu/SelectionExtensionDropdownItem.compiled.css +1 -0
- package/dist/esm/ui/menu/SelectionExtensionDropdownItem.js +14 -1
- package/package.json +6 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-selection-extension
|
|
2
2
|
|
|
3
|
+
## 10.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9e3a102746991`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e3a102746991) -
|
|
8
|
+
EDITOR-4273 Block menu extension lozenge rendering
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 10.0.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* SelectionExtensionDropdownItem.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
1
2
|
"use strict";
|
|
2
3
|
|
|
3
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -5,13 +6,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.SelectionExtensionDropdownItem = void 0;
|
|
9
|
+
require("./SelectionExtensionDropdownItem.compiled.css");
|
|
10
|
+
var _runtime = require("@compiled/react/runtime");
|
|
8
11
|
var _react = _interopRequireDefault(require("react"));
|
|
9
12
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
10
13
|
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
14
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
15
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
11
16
|
var _main = require("../../pm-plugins/main");
|
|
12
17
|
var _utils = require("../../pm-plugins/utils");
|
|
13
18
|
var _types = require("../../types");
|
|
14
19
|
var _SelectionExtensionComponentContext = require("../SelectionExtensionComponentContext");
|
|
20
|
+
var styles = {
|
|
21
|
+
lozenge: "_18u01b66"
|
|
22
|
+
};
|
|
15
23
|
var SelectionExtensionDropdownItem = exports.SelectionExtensionDropdownItem = function SelectionExtensionDropdownItem(_ref) {
|
|
16
24
|
var dropdownItem = _ref.dropdownItem;
|
|
17
25
|
var IconComponent = dropdownItem.icon;
|
|
@@ -65,5 +73,10 @@ var SelectionExtensionDropdownItem = exports.SelectionExtensionDropdownItem = fu
|
|
|
65
73
|
}) : undefined,
|
|
66
74
|
onClick: handleClick,
|
|
67
75
|
isDisabled: dropdownItem.isDisabled
|
|
68
|
-
}, dropdownItem.label
|
|
76
|
+
}, dropdownItem.label, dropdownItem.lozenge ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
77
|
+
as: "span",
|
|
78
|
+
xcss: styles.lozenge
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
80
|
+
appearance: "new"
|
|
81
|
+
}, dropdownItem.lozenge.label)) : undefined);
|
|
69
82
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
+
/* SelectionExtensionDropdownItem.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
import "./SelectionExtensionDropdownItem.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
1
4
|
import React from 'react';
|
|
2
5
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
3
6
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
7
|
+
import Lozenge from '@atlaskit/lozenge';
|
|
8
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
4
9
|
import { selectionExtensionPluginKey } from '../../pm-plugins/main';
|
|
5
10
|
import { getSelectionAdfInfoNew, getSelectionTextInfoNew } from '../../pm-plugins/utils';
|
|
6
11
|
import { SelectionExtensionActionTypes } from '../../types';
|
|
7
12
|
import { useSelectionExtensionComponentContext } from '../SelectionExtensionComponentContext';
|
|
13
|
+
const styles = {
|
|
14
|
+
lozenge: "_18u01b66"
|
|
15
|
+
};
|
|
8
16
|
export const SelectionExtensionDropdownItem = ({
|
|
9
17
|
dropdownItem
|
|
10
18
|
}) => {
|
|
@@ -62,5 +70,10 @@ export const SelectionExtensionDropdownItem = ({
|
|
|
62
70
|
}) : undefined,
|
|
63
71
|
onClick: handleClick,
|
|
64
72
|
isDisabled: dropdownItem.isDisabled
|
|
65
|
-
}, dropdownItem.label
|
|
73
|
+
}, dropdownItem.label, dropdownItem.lozenge ? /*#__PURE__*/React.createElement(Box, {
|
|
74
|
+
as: "span",
|
|
75
|
+
xcss: styles.lozenge
|
|
76
|
+
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
77
|
+
appearance: "new"
|
|
78
|
+
}, dropdownItem.lozenge.label)) : undefined);
|
|
66
79
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
+
/* SelectionExtensionDropdownItem.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
import "./SelectionExtensionDropdownItem.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
1
4
|
import React from 'react';
|
|
2
5
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
3
6
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
7
|
+
import Lozenge from '@atlaskit/lozenge';
|
|
8
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
4
9
|
import { selectionExtensionPluginKey } from '../../pm-plugins/main';
|
|
5
10
|
import { getSelectionAdfInfoNew, getSelectionTextInfoNew } from '../../pm-plugins/utils';
|
|
6
11
|
import { SelectionExtensionActionTypes } from '../../types';
|
|
7
12
|
import { useSelectionExtensionComponentContext } from '../SelectionExtensionComponentContext';
|
|
13
|
+
var styles = {
|
|
14
|
+
lozenge: "_18u01b66"
|
|
15
|
+
};
|
|
8
16
|
export var SelectionExtensionDropdownItem = function SelectionExtensionDropdownItem(_ref) {
|
|
9
17
|
var dropdownItem = _ref.dropdownItem;
|
|
10
18
|
var IconComponent = dropdownItem.icon;
|
|
@@ -58,5 +66,10 @@ export var SelectionExtensionDropdownItem = function SelectionExtensionDropdownI
|
|
|
58
66
|
}) : undefined,
|
|
59
67
|
onClick: handleClick,
|
|
60
68
|
isDisabled: dropdownItem.isDisabled
|
|
61
|
-
}, dropdownItem.label
|
|
69
|
+
}, dropdownItem.label, dropdownItem.lozenge ? /*#__PURE__*/React.createElement(Box, {
|
|
70
|
+
as: "span",
|
|
71
|
+
xcss: styles.lozenge
|
|
72
|
+
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
73
|
+
appearance: "new"
|
|
74
|
+
}, dropdownItem.lozenge.label)) : undefined);
|
|
62
75
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-selection-extension",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.3",
|
|
4
4
|
"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"atlaskit:src": "src/index.ts",
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@atlaskit/adf-utils": "^19.26.0",
|
|
36
|
+
"@atlaskit/css": "^0.19.0",
|
|
36
37
|
"@atlaskit/editor-json-transformer": "^8.31.0",
|
|
37
38
|
"@atlaskit/editor-plugin-analytics": "^7.0.0",
|
|
38
39
|
"@atlaskit/editor-plugin-block-controls": "^8.0.0",
|
|
@@ -47,19 +48,20 @@
|
|
|
47
48
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
48
49
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
49
50
|
"@atlaskit/editor-toolbar": "^0.18.0",
|
|
50
|
-
"@atlaskit/icon": "^29.
|
|
51
|
+
"@atlaskit/icon": "^29.4.0",
|
|
51
52
|
"@atlaskit/lozenge": "^13.3.0",
|
|
52
53
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
53
54
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
54
55
|
"@atlaskit/primitives": "^17.0.0",
|
|
55
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
56
|
+
"@atlaskit/tmp-editor-statsig": "^16.8.0",
|
|
57
|
+
"@atlaskit/tokens": "^9.1.0",
|
|
56
58
|
"@babel/runtime": "^7.0.0",
|
|
57
59
|
"lodash": "^4.17.21",
|
|
58
60
|
"react-intl-next": "npm:react-intl@^5.18.1",
|
|
59
61
|
"uuid": "^3.1.0"
|
|
60
62
|
},
|
|
61
63
|
"peerDependencies": {
|
|
62
|
-
"@atlaskit/editor-common": "^111.
|
|
64
|
+
"@atlaskit/editor-common": "^111.5.0",
|
|
63
65
|
"react": "^18.2.0"
|
|
64
66
|
},
|
|
65
67
|
"devDependencies": {
|