@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 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.2",
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.3.0",
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.5.0",
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.2.0",
64
+ "@atlaskit/editor-common": "^111.5.0",
63
65
  "react": "^18.2.0"
64
66
  },
65
67
  "devDependencies": {