@atlaskit/editor-plugin-toolbar-lists-indentation 0.2.0 → 0.2.2

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 (12) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/Toolbar.js +15 -17
  3. package/dist/cjs/ui/ToolbarDropdown.js +17 -15
  4. package/dist/cjs/ui/index.js +2 -5
  5. package/dist/es2019/ui/Toolbar.js +15 -16
  6. package/dist/es2019/ui/ToolbarDropdown.js +17 -14
  7. package/dist/es2019/ui/index.js +2 -4
  8. package/dist/esm/ui/Toolbar.js +15 -16
  9. package/dist/esm/ui/ToolbarDropdown.js +17 -14
  10. package/dist/esm/ui/index.js +2 -4
  11. package/package.json +4 -4
  12. package/tmp/api-report-tmp.d.ts +0 -40
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-toolbar-lists-indentation
2
2
 
3
+ ## 0.2.2
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
+
9
+ ## 0.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#56790](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56790) [`ff577a7969d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff577a7969d4) - ED-21266: Updated @atlaskit/adf-schema to 34.0.1
14
+
3
15
  ## 0.2.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/ui/Toolbar.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.Toolbar = Toolbar;
8
8
  var _react = require("react");
9
- var _react2 = require("@emotion/react");
10
9
  var _reactIntlNext = require("react-intl-next");
11
10
  var _keymaps = require("@atlaskit/editor-common/keymaps");
12
11
  var _messages = require("@atlaskit/editor-common/messages");
@@ -16,8 +15,6 @@ var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bu
16
15
  var _indent = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/indent"));
17
16
  var _numberList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/number-list"));
18
17
  var _outdent = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/outdent"));
19
- /** @jsx jsx */
20
-
21
18
  function Toolbar(props) {
22
19
  var _useIntl = (0, _reactIntlNext.useIntl)(),
23
20
  formatMessage = _useIntl.formatMessage;
@@ -58,10 +55,11 @@ function Toolbar(props) {
58
55
  }
59
56
  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
60
57
  return (
58
+ /*#__PURE__*/
61
59
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
62
- (0, _react2.jsx)("span", {
60
+ React.createElement("span", {
63
61
  css: _styles.buttonGroupStyle
64
- }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
62
+ }, /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
65
63
  buttonId: _uiMenu.TOOLBAR_BUTTON.BULLET_LIST,
66
64
  testId: labelUnorderedList,
67
65
  spacing: isReducedSpacing ? 'none' : 'default',
@@ -71,14 +69,14 @@ function Toolbar(props) {
71
69
  "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleBulletList, labelUnorderedList),
72
70
  "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleBulletList),
73
71
  disabled: bulletListDisabled || disabled,
74
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
72
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
75
73
  description: labelUnorderedList,
76
74
  keymap: _keymaps.toggleBulletList
77
75
  }),
78
- iconBefore: (0, _react2.jsx)(_bulletList.default, {
76
+ iconBefore: /*#__PURE__*/React.createElement(_bulletList.default, {
79
77
  label: ""
80
78
  })
81
- }), (0, _react2.jsx)(_uiMenu.ToolbarButton, {
79
+ }), /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
82
80
  buttonId: _uiMenu.TOOLBAR_BUTTON.ORDERED_LIST,
83
81
  testId: labelOrderedList,
84
82
  spacing: isReducedSpacing ? 'none' : 'default',
@@ -88,46 +86,46 @@ function Toolbar(props) {
88
86
  "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleOrderedList, labelOrderedList),
89
87
  "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleOrderedList),
90
88
  disabled: orderedListDisabled || disabled,
91
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
89
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
92
90
  description: labelOrderedList,
93
91
  keymap: _keymaps.toggleOrderedList
94
92
  }),
95
- iconBefore: (0, _react2.jsx)(_numberList.default, {
93
+ iconBefore: /*#__PURE__*/React.createElement(_numberList.default, {
96
94
  label: ""
97
95
  })
98
- }), showIndentationButtons && (0, _react2.jsx)(_uiMenu.ToolbarButton, {
96
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
99
97
  buttonId: _uiMenu.TOOLBAR_BUTTON.OUTDENT,
100
98
  testId: _uiMenu.TOOLBAR_BUTTON.OUTDENT,
101
99
  ref: outdentButtonRef,
102
100
  spacing: isReducedSpacing ? 'none' : 'default',
103
101
  onClick: handleOnItemActivated('outdent'),
104
- iconBefore: (0, _react2.jsx)(_outdent.default, {
102
+ iconBefore: /*#__PURE__*/React.createElement(_outdent.default, {
105
103
  label: ""
106
104
  }),
107
105
  disabled: outdentDisabled || disabled,
108
106
  "aria-label": (0, _keymaps.tooltip)(_keymaps.outdent, outdentMessage),
109
107
  "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.outdent),
110
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
108
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
111
109
  description: outdentMessage,
112
110
  keymap: _keymaps.outdent
113
111
  })
114
- }), showIndentationButtons && (0, _react2.jsx)(_uiMenu.ToolbarButton, {
112
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
115
113
  buttonId: _uiMenu.TOOLBAR_BUTTON.INDENT,
116
114
  testId: _uiMenu.TOOLBAR_BUTTON.INDENT,
117
115
  ref: indentButtonRef,
118
116
  spacing: isReducedSpacing ? 'none' : 'default',
119
117
  onClick: handleOnItemActivated('indent'),
120
- iconBefore: (0, _react2.jsx)(_indent.default, {
118
+ iconBefore: /*#__PURE__*/React.createElement(_indent.default, {
121
119
  label: ""
122
120
  }),
123
121
  disabled: indentDisabled || disabled,
124
122
  "aria-label": (0, _keymaps.tooltip)(_keymaps.indent, indentMessage),
125
123
  "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.indent),
126
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
124
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
127
125
  description: indentMessage,
128
126
  keymap: _keymaps.indent
129
127
  })
130
- }), (0, _react2.jsx)("span", {
128
+ }), /*#__PURE__*/React.createElement("span", {
131
129
  css: _styles.separatorStyles
132
130
  }))
133
131
  );
package/dist/cjs/ui/ToolbarDropdown.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.ToolbarDropdown = ToolbarDropdown;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
- var _react2 = require("@emotion/react");
11
10
  var _reactIntlNext = require("react-intl-next");
12
11
  var _keymaps = require("@atlaskit/editor-common/keymaps");
13
12
  var _messages = require("@atlaskit/editor-common/messages");
@@ -16,8 +15,6 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
16
15
  var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
17
16
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
18
17
  var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bullet-list"));
19
- /** @jsx jsx */
20
-
21
18
  function ToolbarDropdown(props) {
22
19
  var _useIntl = (0, _reactIntlNext.useIntl)(),
23
20
  formatMessage = _useIntl.formatMessage;
@@ -65,10 +62,11 @@ function ToolbarDropdown(props) {
65
62
  });
66
63
  };
67
64
  return (
65
+ /*#__PURE__*/
68
66
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
69
- (0, _react2.jsx)("span", {
67
+ _react.default.createElement("span", {
70
68
  css: _styles.wrapperStyle
71
- }, (0, _react2.jsx)(_uiMenu.DropdownMenuWithKeyboardNavigation, {
69
+ }, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenuWithKeyboardNavigation, {
72
70
  items: items,
73
71
  onItemActivated: handleOnItemActivated,
74
72
  mountTo: popupsMountPoint,
@@ -85,7 +83,7 @@ function ToolbarDropdown(props) {
85
83
  }
86
84
  return isOpenedByKeyboard;
87
85
  }
88
- }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
86
+ }, /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
89
87
  spacing: isReducedSpacing ? 'none' : 'default',
90
88
  selected: bulletListActive || orderedListActive,
91
89
  "aria-expanded": isDropdownOpen,
@@ -96,17 +94,18 @@ function ToolbarDropdown(props) {
96
94
  onKeyDown: handleOnKeyDown,
97
95
  title: labelLists,
98
96
  iconBefore:
97
+ /*#__PURE__*/
99
98
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
100
- (0, _react2.jsx)("span", {
99
+ _react.default.createElement("span", {
101
100
  css: _styles.wrapperStyle
102
- }, (0, _react2.jsx)(_bulletList.default, {
101
+ }, /*#__PURE__*/_react.default.createElement(_bulletList.default, {
103
102
  label: labelLists
104
- }), (0, _react2.jsx)("span", {
103
+ }), /*#__PURE__*/_react.default.createElement("span", {
105
104
  css: _styles.expandIconWrapperStyle
106
- }, (0, _react2.jsx)(_chevronDown.default, {
105
+ }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
107
106
  label: ""
108
107
  })))
109
- })), (0, _react2.jsx)("span", {
108
+ })), /*#__PURE__*/_react.default.createElement("span", {
110
109
  css: _styles.separatorStyles
111
110
  }))
112
111
  );
@@ -125,8 +124,9 @@ function useItems(props) {
125
124
  isDisabled: props.bulletListDisabled,
126
125
  isActive: Boolean(props.bulletListActive),
127
126
  elemAfter:
127
+ /*#__PURE__*/
128
128
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
129
- (0, _react2.jsx)("div", {
129
+ _react.default.createElement("div", {
130
130
  css: _shortcut.shortcutStyle
131
131
  }, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
132
132
  }, {
@@ -138,8 +138,9 @@ function useItems(props) {
138
138
  isDisabled: props.orderedListDisabled,
139
139
  isActive: Boolean(props.orderedListActive),
140
140
  elemAfter:
141
+ /*#__PURE__*/
141
142
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
142
- (0, _react2.jsx)("div", {
143
+ _react.default.createElement("div", {
143
144
  css: _shortcut.shortcutStyle
144
145
  }, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
145
146
  }];
@@ -155,8 +156,9 @@ function useItems(props) {
155
156
  isDisabled: props.outdentDisabled,
156
157
  isActive: false,
157
158
  elemAfter:
159
+ /*#__PURE__*/
158
160
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
159
- (0, _react2.jsx)("div", {
161
+ _react.default.createElement("div", {
160
162
  css: _shortcut.shortcutStyle
161
163
  }, (0, _keymaps.tooltip)(_keymaps.outdent))
162
164
  }, {
@@ -168,7 +170,7 @@ function useItems(props) {
168
170
  isDisabled: props.indentDisabled,
169
171
  isActive: false,
170
172
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
171
- elemAfter: (0, _react2.jsx)("div", {
173
+ elemAfter: /*#__PURE__*/_react.default.createElement("div", {
172
174
  css: _shortcut.shortcutStyle
173
175
  }, (0, _keymaps.tooltip)(_keymaps.indent))
174
176
  });
package/dist/cjs/ui/index.js CHANGED
@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = ToolbarListsIndentation;
7
- var _react = require("@emotion/react");
8
7
  var _onItemActivated = require("./onItemActivated");
9
8
  var _Toolbar = require("./Toolbar");
10
9
  var _ToolbarDropdown = require("./ToolbarDropdown");
11
- /** @jsx jsx */
12
-
13
10
  function ToolbarListsIndentation(props) {
14
11
  var disabled = props.disabled,
15
12
  isSmall = props.isSmall,
@@ -28,7 +25,7 @@ function ToolbarListsIndentation(props) {
28
25
  featureFlags = props.featureFlags,
29
26
  pluginInjectionApi = props.pluginInjectionApi;
30
27
  if (isSmall) {
31
- return (0, _react.jsx)(_ToolbarDropdown.ToolbarDropdown, {
28
+ return /*#__PURE__*/React.createElement(_ToolbarDropdown.ToolbarDropdown, {
32
29
  editorView: props.editorView,
33
30
  isReducedSpacing: isReducedSpacing,
34
31
  popupsMountPoint: popupsMountPoint,
@@ -46,7 +43,7 @@ function ToolbarListsIndentation(props) {
46
43
  featureFlags: featureFlags
47
44
  });
48
45
  }
49
- return (0, _react.jsx)(_Toolbar.Toolbar, {
46
+ return /*#__PURE__*/React.createElement(_Toolbar.Toolbar, {
50
47
  editorView: props.editorView,
51
48
  isReducedSpacing: isReducedSpacing,
52
49
  bulletListActive: bulletListActive,
package/dist/es2019/ui/Toolbar.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import { useEffect, useRef } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { useIntl } from 'react-intl-next';
5
3
  import { getAriaKeyshortcuts, toggleBulletList as toggleBulletListKeymap, indent as toggleIndentKeymap, toggleOrderedList as toggleOrderedListKeymap, outdent as toggleOutdentKeymap, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
6
4
  import { indentationMessages, listMessages as messages } from '@atlaskit/editor-common/messages';
@@ -49,10 +47,11 @@ export function Toolbar(props) {
49
47
  }
50
48
  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
51
49
  return (
50
+ /*#__PURE__*/
52
51
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
53
- jsx("span", {
52
+ React.createElement("span", {
54
53
  css: buttonGroupStyle
55
- }, jsx(ToolbarButton, {
54
+ }, /*#__PURE__*/React.createElement(ToolbarButton, {
56
55
  buttonId: TOOLBAR_BUTTON.BULLET_LIST,
57
56
  testId: labelUnorderedList,
58
57
  spacing: isReducedSpacing ? 'none' : 'default',
@@ -62,14 +61,14 @@ export function Toolbar(props) {
62
61
  "aria-label": tooltip(toggleBulletListKeymap, labelUnorderedList),
63
62
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleBulletListKeymap),
64
63
  disabled: bulletListDisabled || disabled,
65
- title: jsx(ToolTipContent, {
64
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
66
65
  description: labelUnorderedList,
67
66
  keymap: toggleBulletListKeymap
68
67
  }),
69
- iconBefore: jsx(BulletListIcon, {
68
+ iconBefore: /*#__PURE__*/React.createElement(BulletListIcon, {
70
69
  label: ""
71
70
  })
72
- }), jsx(ToolbarButton, {
71
+ }), /*#__PURE__*/React.createElement(ToolbarButton, {
73
72
  buttonId: TOOLBAR_BUTTON.ORDERED_LIST,
74
73
  testId: labelOrderedList,
75
74
  spacing: isReducedSpacing ? 'none' : 'default',
@@ -79,46 +78,46 @@ export function Toolbar(props) {
79
78
  "aria-label": tooltip(toggleOrderedListKeymap, labelOrderedList),
80
79
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleOrderedListKeymap),
81
80
  disabled: orderedListDisabled || disabled,
82
- title: jsx(ToolTipContent, {
81
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
83
82
  description: labelOrderedList,
84
83
  keymap: toggleOrderedListKeymap
85
84
  }),
86
- iconBefore: jsx(NumberListIcon, {
85
+ iconBefore: /*#__PURE__*/React.createElement(NumberListIcon, {
87
86
  label: ""
88
87
  })
89
- }), showIndentationButtons && jsx(ToolbarButton, {
88
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(ToolbarButton, {
90
89
  buttonId: TOOLBAR_BUTTON.OUTDENT,
91
90
  testId: TOOLBAR_BUTTON.OUTDENT,
92
91
  ref: outdentButtonRef,
93
92
  spacing: isReducedSpacing ? 'none' : 'default',
94
93
  onClick: handleOnItemActivated('outdent'),
95
- iconBefore: jsx(OutdentIcon, {
94
+ iconBefore: /*#__PURE__*/React.createElement(OutdentIcon, {
96
95
  label: ""
97
96
  }),
98
97
  disabled: outdentDisabled || disabled,
99
98
  "aria-label": tooltip(toggleOutdentKeymap, outdentMessage),
100
99
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleOutdentKeymap),
101
- title: jsx(ToolTipContent, {
100
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
102
101
  description: outdentMessage,
103
102
  keymap: toggleOutdentKeymap
104
103
  })
105
- }), showIndentationButtons && jsx(ToolbarButton, {
104
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(ToolbarButton, {
106
105
  buttonId: TOOLBAR_BUTTON.INDENT,
107
106
  testId: TOOLBAR_BUTTON.INDENT,
108
107
  ref: indentButtonRef,
109
108
  spacing: isReducedSpacing ? 'none' : 'default',
110
109
  onClick: handleOnItemActivated('indent'),
111
- iconBefore: jsx(IndentIcon, {
110
+ iconBefore: /*#__PURE__*/React.createElement(IndentIcon, {
112
111
  label: ""
113
112
  }),
114
113
  disabled: indentDisabled || disabled,
115
114
  "aria-label": tooltip(toggleIndentKeymap, indentMessage),
116
115
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleIndentKeymap),
117
- title: jsx(ToolTipContent, {
116
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
118
117
  description: indentMessage,
119
118
  keymap: toggleIndentKeymap
120
119
  })
121
- }), jsx("span", {
120
+ }), /*#__PURE__*/React.createElement("span", {
122
121
  css: separatorStyles
123
122
  }))
124
123
  );
package/dist/es2019/ui/ToolbarDropdown.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import React from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { useIntl } from 'react-intl-next';
5
3
  import { toggleBulletList as toggleBulletListKeymap, indent as toggleIndentKeymap, toggleOrderedList as toggleOrderedListKeymap, outdent as toggleOutdentKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
6
4
  import { indentationMessages, listMessages } from '@atlaskit/editor-common/messages';
@@ -53,10 +51,11 @@ export function ToolbarDropdown(props) {
53
51
  });
54
52
  };
55
53
  return (
54
+ /*#__PURE__*/
56
55
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
57
- jsx("span", {
56
+ React.createElement("span", {
58
57
  css: wrapperStyle
59
- }, jsx(DropdownMenu, {
58
+ }, /*#__PURE__*/React.createElement(DropdownMenu, {
60
59
  items: items,
61
60
  onItemActivated: handleOnItemActivated,
62
61
  mountTo: popupsMountPoint,
@@ -73,7 +72,7 @@ export function ToolbarDropdown(props) {
73
72
  }
74
73
  return isOpenedByKeyboard;
75
74
  }
76
- }, jsx(ToolbarButton, {
75
+ }, /*#__PURE__*/React.createElement(ToolbarButton, {
77
76
  spacing: isReducedSpacing ? 'none' : 'default',
78
77
  selected: bulletListActive || orderedListActive,
79
78
  "aria-expanded": isDropdownOpen,
@@ -84,17 +83,18 @@ export function ToolbarDropdown(props) {
84
83
  onKeyDown: handleOnKeyDown,
85
84
  title: labelLists,
86
85
  iconBefore:
86
+ /*#__PURE__*/
87
87
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
88
- jsx("span", {
88
+ React.createElement("span", {
89
89
  css: wrapperStyle
90
- }, jsx(BulletListIcon, {
90
+ }, /*#__PURE__*/React.createElement(BulletListIcon, {
91
91
  label: labelLists
92
- }), jsx("span", {
92
+ }), /*#__PURE__*/React.createElement("span", {
93
93
  css: expandIconWrapperStyle
94
- }, jsx(ExpandIcon, {
94
+ }, /*#__PURE__*/React.createElement(ExpandIcon, {
95
95
  label: ""
96
96
  })))
97
- })), jsx("span", {
97
+ })), /*#__PURE__*/React.createElement("span", {
98
98
  css: separatorStyles
99
99
  }))
100
100
  );
@@ -114,8 +114,9 @@ function useItems(props) {
114
114
  isDisabled: props.bulletListDisabled,
115
115
  isActive: Boolean(props.bulletListActive),
116
116
  elemAfter:
117
+ /*#__PURE__*/
117
118
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
118
- jsx("div", {
119
+ React.createElement("div", {
119
120
  css: shortcutStyle
120
121
  }, tooltip(toggleBulletListKeymap))
121
122
  }, {
@@ -127,8 +128,9 @@ function useItems(props) {
127
128
  isDisabled: props.orderedListDisabled,
128
129
  isActive: Boolean(props.orderedListActive),
129
130
  elemAfter:
131
+ /*#__PURE__*/
130
132
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
131
- jsx("div", {
133
+ React.createElement("div", {
132
134
  css: shortcutStyle
133
135
  }, tooltip(toggleOrderedListKeymap))
134
136
  }];
@@ -144,8 +146,9 @@ function useItems(props) {
144
146
  isDisabled: props.outdentDisabled,
145
147
  isActive: false,
146
148
  elemAfter:
149
+ /*#__PURE__*/
147
150
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
148
- jsx("div", {
151
+ React.createElement("div", {
149
152
  css: shortcutStyle
150
153
  }, tooltip(toggleOutdentKeymap))
151
154
  }, {
@@ -157,7 +160,7 @@ function useItems(props) {
157
160
  isDisabled: props.indentDisabled,
158
161
  isActive: false,
159
162
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
160
- elemAfter: jsx("div", {
163
+ elemAfter: /*#__PURE__*/React.createElement("div", {
161
164
  css: shortcutStyle
162
165
  }, tooltip(toggleIndentKeymap))
163
166
  });
package/dist/es2019/ui/index.js CHANGED
@@ -1,5 +1,3 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
1
  import { onItemActivated } from './onItemActivated';
4
2
  import { Toolbar } from './Toolbar';
5
3
  import { ToolbarDropdown } from './ToolbarDropdown';
@@ -23,7 +21,7 @@ export default function ToolbarListsIndentation(props) {
23
21
  pluginInjectionApi
24
22
  } = props;
25
23
  if (isSmall) {
26
- return jsx(ToolbarDropdown, {
24
+ return /*#__PURE__*/React.createElement(ToolbarDropdown, {
27
25
  editorView: props.editorView,
28
26
  isReducedSpacing: isReducedSpacing,
29
27
  popupsMountPoint: popupsMountPoint,
@@ -41,7 +39,7 @@ export default function ToolbarListsIndentation(props) {
41
39
  featureFlags: featureFlags
42
40
  });
43
41
  }
44
- return jsx(Toolbar, {
42
+ return /*#__PURE__*/React.createElement(Toolbar, {
45
43
  editorView: props.editorView,
46
44
  isReducedSpacing: isReducedSpacing,
47
45
  bulletListActive: bulletListActive,
package/dist/esm/ui/Toolbar.js CHANGED
@@ -1,6 +1,4 @@
1
- /** @jsx jsx */
2
1
  import { useEffect, useRef } from 'react';
3
- import { jsx } from '@emotion/react';
4
2
  import { useIntl } from 'react-intl-next';
5
3
  import { getAriaKeyshortcuts, toggleBulletList as toggleBulletListKeymap, indent as toggleIndentKeymap, toggleOrderedList as toggleOrderedListKeymap, outdent as toggleOutdentKeymap, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
6
4
  import { indentationMessages, listMessages as messages } from '@atlaskit/editor-common/messages';
@@ -50,10 +48,11 @@ export function Toolbar(props) {
50
48
  }
51
49
  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
52
50
  return (
51
+ /*#__PURE__*/
53
52
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
54
- jsx("span", {
53
+ React.createElement("span", {
55
54
  css: buttonGroupStyle
56
- }, jsx(ToolbarButton, {
55
+ }, /*#__PURE__*/React.createElement(ToolbarButton, {
57
56
  buttonId: TOOLBAR_BUTTON.BULLET_LIST,
58
57
  testId: labelUnorderedList,
59
58
  spacing: isReducedSpacing ? 'none' : 'default',
@@ -63,14 +62,14 @@ export function Toolbar(props) {
63
62
  "aria-label": tooltip(toggleBulletListKeymap, labelUnorderedList),
64
63
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleBulletListKeymap),
65
64
  disabled: bulletListDisabled || disabled,
66
- title: jsx(ToolTipContent, {
65
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
67
66
  description: labelUnorderedList,
68
67
  keymap: toggleBulletListKeymap
69
68
  }),
70
- iconBefore: jsx(BulletListIcon, {
69
+ iconBefore: /*#__PURE__*/React.createElement(BulletListIcon, {
71
70
  label: ""
72
71
  })
73
- }), jsx(ToolbarButton, {
72
+ }), /*#__PURE__*/React.createElement(ToolbarButton, {
74
73
  buttonId: TOOLBAR_BUTTON.ORDERED_LIST,
75
74
  testId: labelOrderedList,
76
75
  spacing: isReducedSpacing ? 'none' : 'default',
@@ -80,46 +79,46 @@ export function Toolbar(props) {
80
79
  "aria-label": tooltip(toggleOrderedListKeymap, labelOrderedList),
81
80
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleOrderedListKeymap),
82
81
  disabled: orderedListDisabled || disabled,
83
- title: jsx(ToolTipContent, {
82
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
84
83
  description: labelOrderedList,
85
84
  keymap: toggleOrderedListKeymap
86
85
  }),
87
- iconBefore: jsx(NumberListIcon, {
86
+ iconBefore: /*#__PURE__*/React.createElement(NumberListIcon, {
88
87
  label: ""
89
88
  })
90
- }), showIndentationButtons && jsx(ToolbarButton, {
89
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(ToolbarButton, {
91
90
  buttonId: TOOLBAR_BUTTON.OUTDENT,
92
91
  testId: TOOLBAR_BUTTON.OUTDENT,
93
92
  ref: outdentButtonRef,
94
93
  spacing: isReducedSpacing ? 'none' : 'default',
95
94
  onClick: handleOnItemActivated('outdent'),
96
- iconBefore: jsx(OutdentIcon, {
95
+ iconBefore: /*#__PURE__*/React.createElement(OutdentIcon, {
97
96
  label: ""
98
97
  }),
99
98
  disabled: outdentDisabled || disabled,
100
99
  "aria-label": tooltip(toggleOutdentKeymap, outdentMessage),
101
100
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleOutdentKeymap),
102
- title: jsx(ToolTipContent, {
101
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
103
102
  description: outdentMessage,
104
103
  keymap: toggleOutdentKeymap
105
104
  })
106
- }), showIndentationButtons && jsx(ToolbarButton, {
105
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(ToolbarButton, {
107
106
  buttonId: TOOLBAR_BUTTON.INDENT,
108
107
  testId: TOOLBAR_BUTTON.INDENT,
109
108
  ref: indentButtonRef,
110
109
  spacing: isReducedSpacing ? 'none' : 'default',
111
110
  onClick: handleOnItemActivated('indent'),
112
- iconBefore: jsx(IndentIcon, {
111
+ iconBefore: /*#__PURE__*/React.createElement(IndentIcon, {
113
112
  label: ""
114
113
  }),
115
114
  disabled: indentDisabled || disabled,
116
115
  "aria-label": tooltip(toggleIndentKeymap, indentMessage),
117
116
  "aria-keyshortcuts": getAriaKeyshortcuts(toggleIndentKeymap),
118
- title: jsx(ToolTipContent, {
117
+ title: /*#__PURE__*/React.createElement(ToolTipContent, {
119
118
  description: indentMessage,
120
119
  keymap: toggleIndentKeymap
121
120
  })
122
- }), jsx("span", {
121
+ }), /*#__PURE__*/React.createElement("span", {
123
122
  css: separatorStyles
124
123
  }))
125
124
  );
package/dist/esm/ui/ToolbarDropdown.js CHANGED
@@ -1,7 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- /** @jsx jsx */
3
2
  import React from 'react';
4
- import { jsx } from '@emotion/react';
5
3
  import { useIntl } from 'react-intl-next';
6
4
  import { toggleBulletList as toggleBulletListKeymap, indent as toggleIndentKeymap, toggleOrderedList as toggleOrderedListKeymap, outdent as toggleOutdentKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
7
5
  import { indentationMessages, listMessages } from '@atlaskit/editor-common/messages';
@@ -57,10 +55,11 @@ export function ToolbarDropdown(props) {
57
55
  });
58
56
  };
59
57
  return (
58
+ /*#__PURE__*/
60
59
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
61
- jsx("span", {
60
+ React.createElement("span", {
62
61
  css: wrapperStyle
63
- }, jsx(DropdownMenu, {
62
+ }, /*#__PURE__*/React.createElement(DropdownMenu, {
64
63
  items: items,
65
64
  onItemActivated: handleOnItemActivated,
66
65
  mountTo: popupsMountPoint,
@@ -77,7 +76,7 @@ export function ToolbarDropdown(props) {
77
76
  }
78
77
  return isOpenedByKeyboard;
79
78
  }
80
- }, jsx(ToolbarButton, {
79
+ }, /*#__PURE__*/React.createElement(ToolbarButton, {
81
80
  spacing: isReducedSpacing ? 'none' : 'default',
82
81
  selected: bulletListActive || orderedListActive,
83
82
  "aria-expanded": isDropdownOpen,
@@ -88,17 +87,18 @@ export function ToolbarDropdown(props) {
88
87
  onKeyDown: handleOnKeyDown,
89
88
  title: labelLists,
90
89
  iconBefore:
90
+ /*#__PURE__*/
91
91
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
92
- jsx("span", {
92
+ React.createElement("span", {
93
93
  css: wrapperStyle
94
- }, jsx(BulletListIcon, {
94
+ }, /*#__PURE__*/React.createElement(BulletListIcon, {
95
95
  label: labelLists
96
- }), jsx("span", {
96
+ }), /*#__PURE__*/React.createElement("span", {
97
97
  css: expandIconWrapperStyle
98
- }, jsx(ExpandIcon, {
98
+ }, /*#__PURE__*/React.createElement(ExpandIcon, {
99
99
  label: ""
100
100
  })))
101
- })), jsx("span", {
101
+ })), /*#__PURE__*/React.createElement("span", {
102
102
  css: separatorStyles
103
103
  }))
104
104
  );
@@ -117,8 +117,9 @@ function useItems(props) {
117
117
  isDisabled: props.bulletListDisabled,
118
118
  isActive: Boolean(props.bulletListActive),
119
119
  elemAfter:
120
+ /*#__PURE__*/
120
121
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
121
- jsx("div", {
122
+ React.createElement("div", {
122
123
  css: shortcutStyle
123
124
  }, tooltip(toggleBulletListKeymap))
124
125
  }, {
@@ -130,8 +131,9 @@ function useItems(props) {
130
131
  isDisabled: props.orderedListDisabled,
131
132
  isActive: Boolean(props.orderedListActive),
132
133
  elemAfter:
134
+ /*#__PURE__*/
133
135
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
134
- jsx("div", {
136
+ React.createElement("div", {
135
137
  css: shortcutStyle
136
138
  }, tooltip(toggleOrderedListKeymap))
137
139
  }];
@@ -147,8 +149,9 @@ function useItems(props) {
147
149
  isDisabled: props.outdentDisabled,
148
150
  isActive: false,
149
151
  elemAfter:
152
+ /*#__PURE__*/
150
153
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
151
- jsx("div", {
154
+ React.createElement("div", {
152
155
  css: shortcutStyle
153
156
  }, tooltip(toggleOutdentKeymap))
154
157
  }, {
@@ -160,7 +163,7 @@ function useItems(props) {
160
163
  isDisabled: props.indentDisabled,
161
164
  isActive: false,
162
165
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
163
- elemAfter: jsx("div", {
166
+ elemAfter: /*#__PURE__*/React.createElement("div", {
164
167
  css: shortcutStyle
165
168
  }, tooltip(toggleIndentKeymap))
166
169
  });
package/dist/esm/ui/index.js CHANGED
@@ -1,5 +1,3 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
1
  import { onItemActivated } from './onItemActivated';
4
2
  import { Toolbar } from './Toolbar';
5
3
  import { ToolbarDropdown } from './ToolbarDropdown';
@@ -21,7 +19,7 @@ export default function ToolbarListsIndentation(props) {
21
19
  featureFlags = props.featureFlags,
22
20
  pluginInjectionApi = props.pluginInjectionApi;
23
21
  if (isSmall) {
24
- return jsx(ToolbarDropdown, {
22
+ return /*#__PURE__*/React.createElement(ToolbarDropdown, {
25
23
  editorView: props.editorView,
26
24
  isReducedSpacing: isReducedSpacing,
27
25
  popupsMountPoint: popupsMountPoint,
@@ -39,7 +37,7 @@ export default function ToolbarListsIndentation(props) {
39
37
  featureFlags: featureFlags
40
38
  });
41
39
  }
42
- return jsx(Toolbar, {
40
+ return /*#__PURE__*/React.createElement(Toolbar, {
43
41
  editorView: props.editorView,
44
42
  isReducedSpacing: isReducedSpacing,
45
43
  bulletListActive: bulletListActive,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-toolbar-lists-indentation",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "Toolbar lists and indentation plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -31,12 +31,12 @@
31
31
  ".": "./src/index.ts"
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/editor-common": "^76.22.0",
34
+ "@atlaskit/editor-common": "^76.24.0",
35
35
  "@atlaskit/editor-plugin-analytics": "^0.3.0",
36
36
  "@atlaskit/editor-plugin-block-type": "^3.0.0",
37
37
  "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
38
38
  "@atlaskit/editor-plugin-indentation": "^0.2.0",
39
- "@atlaskit/editor-plugin-list": "^1.3.0",
39
+ "@atlaskit/editor-plugin-list": "^1.4.0",
40
40
  "@atlaskit/editor-plugin-tasks-and-decisions": "^0.2.0",
41
41
  "@atlaskit/editor-prosemirror": "1.1.0",
42
42
  "@atlaskit/editor-shared-styles": "^2.8.0",
@@ -51,7 +51,7 @@
51
51
  "devDependencies": {
52
52
  "@af/integration-testing": "*",
53
53
  "@af/visual-regression": "*",
54
- "@atlaskit/adf-schema": "^34.0.0",
54
+ "@atlaskit/adf-schema": "^35.0.0",
55
55
  "@atlaskit/analytics-next": "^9.1.0",
56
56
  "@atlaskit/editor-plugin-base": "^0.2.0",
57
57
  "@atlaskit/editor-plugin-text-formatting": "^0.4.0",
package/tmp/api-report-tmp.d.ts DELETED
@@ -1,40 +0,0 @@
1
- ## API Report File for "@atlaskit/editor-plugin-toolbar-lists-indentation"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- /// <reference types="react" />
8
-
9
- import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
10
- import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
11
- import type { IndentationPlugin } from '@atlaskit/editor-plugin-indentation';
12
- import type { ListPlugin } from '@atlaskit/editor-plugin-list';
13
- import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
14
- import type { OptionalPlugin } from '@atlaskit/editor-common/types';
15
- import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
16
-
17
- // @public (undocumented)
18
- type Config = {
19
- showIndentationButtons: boolean;
20
- allowHeadingAndParagraphIndentation: boolean;
21
- };
22
-
23
- // @public (undocumented)
24
- export type ToolbarListsIndentationPlugin = NextEditorPlugin<'toolbarListsIndentation', {
25
- pluginConfiguration: Config;
26
- dependencies: [
27
- OptionalPlugin<FeatureFlagsPlugin>,
28
- ListPlugin,
29
- OptionalPlugin<IndentationPlugin>,
30
- OptionalPlugin<TasksAndDecisionsPlugin>,
31
- OptionalPlugin<AnalyticsPlugin>
32
- ];
33
- }>;
34
-
35
- // @public (undocumented)
36
- export const toolbarListsIndentationPlugin: ToolbarListsIndentationPlugin;
37
-
38
- // (No @packageDocumentation comment for this package)
39
-
40
- ```