@atlaskit/editor-plugin-text-formatting 0.4.15 → 0.4.16

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.
Files changed (17) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/ui/Toolbar/hooks/clear-formatting-icon.js +2 -4
  3. package/dist/cjs/ui/Toolbar/hooks/formatting-icons.js +5 -6
  4. package/dist/cjs/ui/Toolbar/index.js +9 -11
  5. package/dist/cjs/ui/Toolbar/more-button.js +4 -6
  6. package/dist/cjs/ui/Toolbar/single-toolbar-buttons.js +3 -5
  7. package/dist/es2019/ui/Toolbar/hooks/clear-formatting-icon.js +2 -3
  8. package/dist/es2019/ui/Toolbar/hooks/formatting-icons.js +5 -6
  9. package/dist/es2019/ui/Toolbar/index.js +9 -10
  10. package/dist/es2019/ui/Toolbar/more-button.js +4 -5
  11. package/dist/es2019/ui/Toolbar/single-toolbar-buttons.js +3 -4
  12. package/dist/esm/ui/Toolbar/hooks/clear-formatting-icon.js +2 -3
  13. package/dist/esm/ui/Toolbar/hooks/formatting-icons.js +5 -6
  14. package/dist/esm/ui/Toolbar/index.js +9 -10
  15. package/dist/esm/ui/Toolbar/more-button.js +4 -5
  16. package/dist/esm/ui/Toolbar/single-toolbar-buttons.js +3 -4
  17. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-text-formatting
2
2
 
3
+ ## 0.4.16
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.4.15
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/ui/Toolbar/hooks/clear-formatting-icon.js CHANGED
@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useClearIcon = void 0;
7
7
  var _react = require("react");
8
- var _react2 = require("@emotion/react");
9
8
  var _analytics = require("@atlaskit/editor-common/analytics");
10
9
  var _keymaps = require("@atlaskit/editor-common/keymaps");
11
10
  var _messages = require("@atlaskit/editor-common/messages");
12
11
  var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
13
12
  var _clearFormatting = require("../../../commands/clear-formatting");
14
13
  var _clearFormatting2 = require("../../../pm-plugins/clear-formatting");
15
- /** @jsx jsx */
16
-
17
14
  var useClearFormattingPluginState = function useClearFormattingPluginState(editorState) {
18
15
  return (0, _react.useMemo)(function () {
19
16
  return _clearFormatting2.pluginKey.getState(editorState);
@@ -39,8 +36,9 @@ var useClearIcon = exports.useClearIcon = function useClearIcon(_ref) {
39
36
  command: clearFormattingToolbar,
40
37
  content: clearFormattingLabel,
41
38
  elemAfter:
39
+ /*#__PURE__*/
42
40
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
43
- (0, _react2.jsx)("div", {
41
+ React.createElement("div", {
44
42
  css: _shortcut.shortcutStyle
45
43
  }, (0, _keymaps.tooltip)(_keymaps.clearFormatting)),
46
44
  value: {
package/dist/cjs/ui/Toolbar/hooks/formatting-icons.js CHANGED
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.useHasFormattingActived = exports.useFormattingIcons = void 0;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _react2 = require("@emotion/react");
12
11
  var _analytics = require("@atlaskit/editor-common/analytics");
13
12
  var _keymaps = require("@atlaskit/editor-common/keymaps");
14
13
  var _messages = require("@atlaskit/editor-common/messages");
@@ -20,7 +19,6 @@ var _commands = require("../../../commands");
20
19
  var _pluginKey = require("../../../pm-plugins/plugin-key");
21
20
  var _types = require("../types");
22
21
  var _IconsMarkSchema;
23
- /** @jsx jsx */
24
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
23
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
24
  var withToolbarInputMethod = function withToolbarInputMethod(func) {
@@ -34,7 +32,7 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
34
32
  message: _messages.toolbarMessages.bold,
35
33
  tooltipKeymap: _keymaps.toggleBold,
36
34
  component: function component() {
37
- return (0, _react2.jsx)(_bold.default, {
35
+ return /*#__PURE__*/_react.default.createElement(_bold.default, {
38
36
  label: ""
39
37
  });
40
38
  }
@@ -45,7 +43,7 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
45
43
  message: _messages.toolbarMessages.italic,
46
44
  tooltipKeymap: _keymaps.toggleItalic,
47
45
  component: function component() {
48
- return (0, _react2.jsx)(_italic.default, {
46
+ return /*#__PURE__*/_react.default.createElement(_italic.default, {
49
47
  label: ""
50
48
  });
51
49
  }
@@ -93,13 +91,14 @@ var getIcon = function getIcon(_ref) {
93
91
  key: iconType,
94
92
  command: icon.command,
95
93
  iconElement: icon.component ? icon.component() : undefined,
96
- tooltipElement: tooltipKeymap ? (0, _react2.jsx)(_keymaps.ToolTipContent, {
94
+ tooltipElement: tooltipKeymap ? /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
97
95
  description: content,
98
96
  keymap: tooltipKeymap
99
97
  }) : undefined,
100
98
  elemAfter: tooltipKeymap ?
99
+ /*#__PURE__*/
101
100
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
102
- (0, _react2.jsx)("div", {
101
+ _react.default.createElement("div", {
103
102
  css: _shortcut.shortcutStyle
104
103
  }, (0, _keymaps.tooltip)(tooltipKeymap)) : undefined,
105
104
  value: {
package/dist/cjs/ui/Toolbar/index.js CHANGED
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = require("react");
11
- var _react2 = require("@emotion/react");
12
11
  var _reactIntlNext = require("react-intl-next");
13
12
  var _hooks = require("@atlaskit/editor-common/hooks");
14
13
  var _messages = require("@atlaskit/editor-common/messages");
@@ -21,8 +20,6 @@ var _formattingIcons = require("./hooks/formatting-icons");
21
20
  var _responsiveToolbarButtons = require("./hooks/responsive-toolbar-buttons");
22
21
  var _moreButton = require("./more-button");
23
22
  var _singleToolbarButtons = require("./single-toolbar-buttons");
24
- /** @jsx jsx */
25
-
26
23
  var ToolbarFormatting = function ToolbarFormatting(_ref) {
27
24
  var _usePreviousState;
28
25
  var shouldUseResponsiveToolbar = _ref.shouldUseResponsiveToolbar,
@@ -122,28 +119,29 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
122
119
  }
123
120
  }, [screenReaderMessage]);
124
121
  return (
122
+ /*#__PURE__*/
125
123
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
126
- (0, _react2.jsx)("span", {
124
+ React.createElement("span", {
127
125
  css: _styles.buttonGroupStyle
128
- }, message && (0, _react2.jsx)(_ui.Announcer, {
126
+ }, message && /*#__PURE__*/React.createElement(_ui.Announcer, {
129
127
  ariaLive: "assertive",
130
128
  text: message,
131
129
  ariaRelevant: "additions",
132
130
  delay: 250
133
- }), (0, _react2.jsx)(_singleToolbarButtons.SingleToolbarButtons, {
131
+ }), /*#__PURE__*/React.createElement(_singleToolbarButtons.SingleToolbarButtons, {
134
132
  items: singleItems,
135
133
  editorView: editorView,
136
134
  isReducedSpacing: isReducedSpacing
137
- }), (0, _react2.jsx)("span", {
135
+ }), /*#__PURE__*/React.createElement("span", {
138
136
  css: _styles.wrapperStyle
139
- }, isToolbarDisabled ? (0, _react2.jsx)("div", null, (0, _react2.jsx)(_moreButton.MoreButton, {
137
+ }, isToolbarDisabled ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_moreButton.MoreButton, {
140
138
  label: moreFormattingButtonLabel,
141
139
  isReducedSpacing: isReducedSpacing,
142
140
  isDisabled: true,
143
141
  isSelected: false,
144
142
  "aria-expanded": undefined,
145
143
  "aria-pressed": undefined
146
- })) : (0, _react2.jsx)(_dropdownMenu.FormattingTextDropdownMenu, {
144
+ })) : /*#__PURE__*/React.createElement(_dropdownMenu.FormattingTextDropdownMenu, {
147
145
  popupsMountPoint: popupsMountPoint,
148
146
  popupsBoundariesElement: popupsBoundariesElement,
149
147
  popupsScrollableElement: popupsScrollableElement,
@@ -152,7 +150,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
152
150
  moreButtonLabel: moreFormattingButtonLabel,
153
151
  hasFormattingActive: hasFormattingActive,
154
152
  items: items
155
- }), (0, _react2.jsx)("span", {
153
+ }), /*#__PURE__*/React.createElement("span", {
156
154
  css: _styles.separatorStyles
157
155
  })))
158
156
  );
@@ -167,7 +165,7 @@ var Toolbar = function Toolbar(_ref2) {
167
165
  shouldUseResponsiveToolbar = _ref2.shouldUseResponsiveToolbar,
168
166
  intl = _ref2.intl,
169
167
  editorAnalyticsAPI = _ref2.editorAnalyticsAPI;
170
- return (0, _react2.jsx)(ToolbarFormatting, {
168
+ return /*#__PURE__*/React.createElement(ToolbarFormatting, {
171
169
  popupsMountPoint: popupsMountPoint,
172
170
  popupsScrollableElement: popupsScrollableElement,
173
171
  toolbarSize: toolbarSize,
package/dist/cjs/ui/Toolbar/more-button.js CHANGED
@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.MoreButton = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _react2 = require("@emotion/react");
10
9
  var _styles = require("@atlaskit/editor-common/styles");
11
10
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
12
11
  var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/more"));
13
- /** @jsx jsx */
14
-
15
12
  var MoreButton = exports.MoreButton = /*#__PURE__*/_react.default.memo(function (_ref) {
16
13
  var label = _ref.label,
17
14
  ariaExpanded = _ref['aria-expanded'],
@@ -20,7 +17,7 @@ var MoreButton = exports.MoreButton = /*#__PURE__*/_react.default.memo(function
20
17
  isDisabled = _ref.isDisabled,
21
18
  onClick = _ref.onClick,
22
19
  onKeyDown = _ref.onKeyDown;
23
- return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
20
+ return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
24
21
  disabled: isDisabled,
25
22
  selected: isSelected,
26
23
  onClick: onClick,
@@ -28,10 +25,11 @@ var MoreButton = exports.MoreButton = /*#__PURE__*/_react.default.memo(function
28
25
  spacing: isReducedSpacing ? 'none' : 'default',
29
26
  title: label,
30
27
  iconBefore:
28
+ /*#__PURE__*/
31
29
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
32
- (0, _react2.jsx)("div", {
30
+ _react.default.createElement("div", {
33
31
  css: _styles.triggerWrapperStyles
34
- }, (0, _react2.jsx)(_more.default, {
32
+ }, /*#__PURE__*/_react.default.createElement(_more.default, {
35
33
  label: ""
36
34
  })),
37
35
  "aria-expanded": ariaExpanded,
package/dist/cjs/ui/Toolbar/single-toolbar-buttons.js CHANGED
@@ -6,13 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.SingleToolbarButtons = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _react2 = require("@emotion/react");
10
9
  var _styles = require("@atlaskit/editor-common/styles");
11
10
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
12
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
- /** @jsx jsx */
15
-
16
13
  var SingleToolbarButtons = exports.SingleToolbarButtons = /*#__PURE__*/_react.default.memo(function (_ref) {
17
14
  var items = _ref.items,
18
15
  isReducedSpacing = _ref.isReducedSpacing,
@@ -24,12 +21,13 @@ var SingleToolbarButtons = exports.SingleToolbarButtons = /*#__PURE__*/_react.de
24
21
  };
25
22
  }, [editorView.state, editorView.dispatch]);
26
23
  return (
24
+ /*#__PURE__*/
27
25
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
28
- (0, _react2.jsx)("span", {
26
+ _react.default.createElement("span", {
29
27
  css: _styles.buttonGroupStyle
30
28
  }, items.map(function (item) {
31
29
  var _item$ariaLabel;
32
- return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
30
+ return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
33
31
  key: item.key,
34
32
  testId: "editor-toolbar__".concat(String(item.content)),
35
33
  buttonId: item.buttonId,
package/dist/es2019/ui/Toolbar/hooks/clear-formatting-icon.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import { useCallback, useMemo } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
5
3
  import { clearFormatting as clearFormattingKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
6
4
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
@@ -29,8 +27,9 @@ export const useClearIcon = ({
29
27
  command: clearFormattingToolbar,
30
28
  content: clearFormattingLabel,
31
29
  elemAfter:
30
+ /*#__PURE__*/
32
31
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
33
- jsx("div", {
32
+ React.createElement("div", {
34
33
  css: shortcutStyle
35
34
  }, tooltip(clearFormattingKeymap)),
36
35
  value: {
package/dist/es2019/ui/Toolbar/hooks/formatting-icons.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import React, { useMemo } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { INPUT_METHOD, TOOLBAR_ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
5
3
  import { getAriaKeyshortcuts, toggleBold, toggleCode, toggleItalic, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleUnderline, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
6
4
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
@@ -18,7 +16,7 @@ const IconButtons = editorAnalyticsAPI => ({
18
16
  command: withToolbarInputMethod(toggleStrongWithAnalytics(editorAnalyticsAPI)),
19
17
  message: toolbarMessages.bold,
20
18
  tooltipKeymap: toggleBold,
21
- component: () => jsx(BoldIcon, {
19
+ component: () => /*#__PURE__*/React.createElement(BoldIcon, {
22
20
  label: ""
23
21
  })
24
22
  },
@@ -27,7 +25,7 @@ const IconButtons = editorAnalyticsAPI => ({
27
25
  command: withToolbarInputMethod(toggleEmWithAnalytics(editorAnalyticsAPI)),
28
26
  message: toolbarMessages.italic,
29
27
  tooltipKeymap: toggleItalic,
30
- component: () => jsx(ItalicIcon, {
28
+ component: () => /*#__PURE__*/React.createElement(ItalicIcon, {
31
29
  label: ""
32
30
  })
33
31
  },
@@ -76,13 +74,14 @@ const getIcon = ({
76
74
  key: iconType,
77
75
  command: icon.command,
78
76
  iconElement: icon.component ? icon.component() : undefined,
79
- tooltipElement: tooltipKeymap ? jsx(ToolTipContent, {
77
+ tooltipElement: tooltipKeymap ? /*#__PURE__*/React.createElement(ToolTipContent, {
80
78
  description: content,
81
79
  keymap: tooltipKeymap
82
80
  }) : undefined,
83
81
  elemAfter: tooltipKeymap ?
82
+ /*#__PURE__*/
84
83
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
85
- jsx("div", {
84
+ React.createElement("div", {
86
85
  css: shortcutStyle
87
86
  }, tooltip(tooltipKeymap)) : undefined,
88
87
  value: {
package/dist/es2019/ui/Toolbar/index.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import { useEffect, useMemo, useState } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { injectIntl } from 'react-intl-next';
5
3
  import { usePreviousState } from '@atlaskit/editor-common/hooks';
6
4
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
@@ -107,28 +105,29 @@ const ToolbarFormatting = ({
107
105
  }
108
106
  }, [screenReaderMessage]);
109
107
  return (
108
+ /*#__PURE__*/
110
109
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
111
- jsx("span", {
110
+ React.createElement("span", {
112
111
  css: buttonGroupStyle
113
- }, message && jsx(Announcer, {
112
+ }, message && /*#__PURE__*/React.createElement(Announcer, {
114
113
  ariaLive: "assertive",
115
114
  text: message,
116
115
  ariaRelevant: "additions",
117
116
  delay: 250
118
- }), jsx(SingleToolbarButtons, {
117
+ }), /*#__PURE__*/React.createElement(SingleToolbarButtons, {
119
118
  items: singleItems,
120
119
  editorView: editorView,
121
120
  isReducedSpacing: isReducedSpacing
122
- }), jsx("span", {
121
+ }), /*#__PURE__*/React.createElement("span", {
123
122
  css: wrapperStyle
124
- }, isToolbarDisabled ? jsx("div", null, jsx(MoreButton, {
123
+ }, isToolbarDisabled ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MoreButton, {
125
124
  label: moreFormattingButtonLabel,
126
125
  isReducedSpacing: isReducedSpacing,
127
126
  isDisabled: true,
128
127
  isSelected: false,
129
128
  "aria-expanded": undefined,
130
129
  "aria-pressed": undefined
131
- })) : jsx(FormattingTextDropdownMenu, {
130
+ })) : /*#__PURE__*/React.createElement(FormattingTextDropdownMenu, {
132
131
  popupsMountPoint: popupsMountPoint,
133
132
  popupsBoundariesElement: popupsBoundariesElement,
134
133
  popupsScrollableElement: popupsScrollableElement,
@@ -137,7 +136,7 @@ const ToolbarFormatting = ({
137
136
  moreButtonLabel: moreFormattingButtonLabel,
138
137
  hasFormattingActive: hasFormattingActive,
139
138
  items: items
140
- }), jsx("span", {
139
+ }), /*#__PURE__*/React.createElement("span", {
141
140
  css: separatorStyles
142
141
  })))
143
142
  );
@@ -153,7 +152,7 @@ const Toolbar = ({
153
152
  intl,
154
153
  editorAnalyticsAPI
155
154
  }) => {
156
- return jsx(ToolbarFormatting, {
155
+ return /*#__PURE__*/React.createElement(ToolbarFormatting, {
157
156
  popupsMountPoint: popupsMountPoint,
158
157
  popupsScrollableElement: popupsScrollableElement,
159
158
  toolbarSize: toolbarSize,
package/dist/es2019/ui/Toolbar/more-button.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import React from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
5
3
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
6
4
  import MoreIcon from '@atlaskit/icon/glyph/editor/more';
@@ -13,7 +11,7 @@ export const MoreButton = /*#__PURE__*/React.memo(({
13
11
  onClick,
14
12
  onKeyDown
15
13
  }) => {
16
- return jsx(ToolbarButton, {
14
+ return /*#__PURE__*/React.createElement(ToolbarButton, {
17
15
  disabled: isDisabled,
18
16
  selected: isSelected,
19
17
  onClick: onClick,
@@ -21,10 +19,11 @@ export const MoreButton = /*#__PURE__*/React.memo(({
21
19
  spacing: isReducedSpacing ? 'none' : 'default',
22
20
  title: label,
23
21
  iconBefore:
22
+ /*#__PURE__*/
24
23
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
25
- jsx("div", {
24
+ React.createElement("div", {
26
25
  css: triggerWrapperStyles
27
- }, jsx(MoreIcon, {
26
+ }, /*#__PURE__*/React.createElement(MoreIcon, {
28
27
  label: ""
29
28
  })),
30
29
  "aria-expanded": ariaExpanded,
package/dist/es2019/ui/Toolbar/single-toolbar-buttons.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import React, { useCallback } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
5
3
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
6
4
  export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
@@ -15,12 +13,13 @@ export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
15
13
  };
16
14
  }, [editorView.state, editorView.dispatch]);
17
15
  return (
16
+ /*#__PURE__*/
18
17
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
19
- jsx("span", {
18
+ React.createElement("span", {
20
19
  css: buttonGroupStyle
21
20
  }, items.map(item => {
22
21
  var _item$ariaLabel;
23
- return jsx(ToolbarButton, {
22
+ return /*#__PURE__*/React.createElement(ToolbarButton, {
24
23
  key: item.key,
25
24
  testId: `editor-toolbar__${String(item.content)}`,
26
25
  buttonId: item.buttonId,
package/dist/esm/ui/Toolbar/hooks/clear-formatting-icon.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import { useCallback, useMemo } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
5
3
  import { clearFormatting as clearFormattingKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
6
4
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
@@ -32,8 +30,9 @@ export var useClearIcon = function useClearIcon(_ref) {
32
30
  command: clearFormattingToolbar,
33
31
  content: clearFormattingLabel,
34
32
  elemAfter:
33
+ /*#__PURE__*/
35
34
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
36
- jsx("div", {
35
+ React.createElement("div", {
37
36
  css: shortcutStyle
38
37
  }, tooltip(clearFormattingKeymap)),
39
38
  value: {
package/dist/esm/ui/Toolbar/hooks/formatting-icons.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  var _IconsMarkSchema;
3
- /** @jsx jsx */
4
3
  import React, { useMemo } from 'react';
5
- import { jsx } from '@emotion/react';
6
4
  import { INPUT_METHOD, TOOLBAR_ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
7
5
  import { getAriaKeyshortcuts, toggleBold, toggleCode, toggleItalic, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleUnderline, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
8
6
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
@@ -24,7 +22,7 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
24
22
  message: toolbarMessages.bold,
25
23
  tooltipKeymap: toggleBold,
26
24
  component: function component() {
27
- return jsx(BoldIcon, {
25
+ return /*#__PURE__*/React.createElement(BoldIcon, {
28
26
  label: ""
29
27
  });
30
28
  }
@@ -35,7 +33,7 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
35
33
  message: toolbarMessages.italic,
36
34
  tooltipKeymap: toggleItalic,
37
35
  component: function component() {
38
- return jsx(ItalicIcon, {
36
+ return /*#__PURE__*/React.createElement(ItalicIcon, {
39
37
  label: ""
40
38
  });
41
39
  }
@@ -83,13 +81,14 @@ var getIcon = function getIcon(_ref) {
83
81
  key: iconType,
84
82
  command: icon.command,
85
83
  iconElement: icon.component ? icon.component() : undefined,
86
- tooltipElement: tooltipKeymap ? jsx(ToolTipContent, {
84
+ tooltipElement: tooltipKeymap ? /*#__PURE__*/React.createElement(ToolTipContent, {
87
85
  description: content,
88
86
  keymap: tooltipKeymap
89
87
  }) : undefined,
90
88
  elemAfter: tooltipKeymap ?
89
+ /*#__PURE__*/
91
90
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
92
- jsx("div", {
91
+ React.createElement("div", {
93
92
  css: shortcutStyle
94
93
  }, tooltip(tooltipKeymap)) : undefined,
95
94
  value: {
package/dist/esm/ui/Toolbar/index.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- /** @jsx jsx */
4
3
  import { useEffect, useMemo, useState } from 'react';
5
- import { jsx } from '@emotion/react';
6
4
  import { injectIntl } from 'react-intl-next';
7
5
  import { usePreviousState } from '@atlaskit/editor-common/hooks';
8
6
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
@@ -114,28 +112,29 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
114
112
  }
115
113
  }, [screenReaderMessage]);
116
114
  return (
115
+ /*#__PURE__*/
117
116
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
118
- jsx("span", {
117
+ React.createElement("span", {
119
118
  css: buttonGroupStyle
120
- }, message && jsx(Announcer, {
119
+ }, message && /*#__PURE__*/React.createElement(Announcer, {
121
120
  ariaLive: "assertive",
122
121
  text: message,
123
122
  ariaRelevant: "additions",
124
123
  delay: 250
125
- }), jsx(SingleToolbarButtons, {
124
+ }), /*#__PURE__*/React.createElement(SingleToolbarButtons, {
126
125
  items: singleItems,
127
126
  editorView: editorView,
128
127
  isReducedSpacing: isReducedSpacing
129
- }), jsx("span", {
128
+ }), /*#__PURE__*/React.createElement("span", {
130
129
  css: wrapperStyle
131
- }, isToolbarDisabled ? jsx("div", null, jsx(MoreButton, {
130
+ }, isToolbarDisabled ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MoreButton, {
132
131
  label: moreFormattingButtonLabel,
133
132
  isReducedSpacing: isReducedSpacing,
134
133
  isDisabled: true,
135
134
  isSelected: false,
136
135
  "aria-expanded": undefined,
137
136
  "aria-pressed": undefined
138
- })) : jsx(FormattingTextDropdownMenu, {
137
+ })) : /*#__PURE__*/React.createElement(FormattingTextDropdownMenu, {
139
138
  popupsMountPoint: popupsMountPoint,
140
139
  popupsBoundariesElement: popupsBoundariesElement,
141
140
  popupsScrollableElement: popupsScrollableElement,
@@ -144,7 +143,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
144
143
  moreButtonLabel: moreFormattingButtonLabel,
145
144
  hasFormattingActive: hasFormattingActive,
146
145
  items: items
147
- }), jsx("span", {
146
+ }), /*#__PURE__*/React.createElement("span", {
148
147
  css: separatorStyles
149
148
  })))
150
149
  );
@@ -159,7 +158,7 @@ var Toolbar = function Toolbar(_ref2) {
159
158
  shouldUseResponsiveToolbar = _ref2.shouldUseResponsiveToolbar,
160
159
  intl = _ref2.intl,
161
160
  editorAnalyticsAPI = _ref2.editorAnalyticsAPI;
162
- return jsx(ToolbarFormatting, {
161
+ return /*#__PURE__*/React.createElement(ToolbarFormatting, {
163
162
  popupsMountPoint: popupsMountPoint,
164
163
  popupsScrollableElement: popupsScrollableElement,
165
164
  toolbarSize: toolbarSize,
package/dist/esm/ui/Toolbar/more-button.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import React from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
5
3
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
6
4
  import MoreIcon from '@atlaskit/icon/glyph/editor/more';
@@ -12,7 +10,7 @@ export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
12
10
  isDisabled = _ref.isDisabled,
13
11
  onClick = _ref.onClick,
14
12
  onKeyDown = _ref.onKeyDown;
15
- return jsx(ToolbarButton, {
13
+ return /*#__PURE__*/React.createElement(ToolbarButton, {
16
14
  disabled: isDisabled,
17
15
  selected: isSelected,
18
16
  onClick: onClick,
@@ -20,10 +18,11 @@ export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
20
18
  spacing: isReducedSpacing ? 'none' : 'default',
21
19
  title: label,
22
20
  iconBefore:
21
+ /*#__PURE__*/
23
22
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
24
- jsx("div", {
23
+ React.createElement("div", {
25
24
  css: triggerWrapperStyles
26
- }, jsx(MoreIcon, {
25
+ }, /*#__PURE__*/React.createElement(MoreIcon, {
27
26
  label: ""
28
27
  })),
29
28
  "aria-expanded": ariaExpanded,
package/dist/esm/ui/Toolbar/single-toolbar-buttons.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import React, { useCallback } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
5
3
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
6
4
  export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
@@ -14,12 +12,13 @@ export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
14
12
  };
15
13
  }, [editorView.state, editorView.dispatch]);
16
14
  return (
15
+ /*#__PURE__*/
17
16
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
18
- jsx("span", {
17
+ React.createElement("span", {
19
18
  css: buttonGroupStyle
20
19
  }, items.map(function (item) {
21
20
  var _item$ariaLabel;
22
- return jsx(ToolbarButton, {
21
+ return /*#__PURE__*/React.createElement(ToolbarButton, {
23
22
  key: item.key,
24
23
  testId: "editor-toolbar__".concat(String(item.content)),
25
24
  buttonId: item.buttonId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-text-formatting",
3
- "version": "0.4.15",
3
+ "version": "0.4.16",
4
4
  "description": "Text-formatting plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -31,8 +31,8 @@
31
31
  ".": "./src/index.ts"
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/adf-schema": "^34.0.1",
35
- "@atlaskit/editor-common": "^76.23.0",
34
+ "@atlaskit/adf-schema": "^35.0.0",
35
+ "@atlaskit/editor-common": "^76.24.0",
36
36
  "@atlaskit/editor-plugin-analytics": "^0.3.0",
37
37
  "@atlaskit/editor-prosemirror": "1.1.0",
38
38
  "@atlaskit/editor-shared-styles": "^2.8.0",