@atlaskit/editor-plugin-toolbar-lists-indentation 2.0.2 → 3.0.0

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,17 @@
1
1
  # @atlaskit/editor-plugin-toolbar-lists-indentation
2
2
 
3
+ ## 3.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#117947](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117947)
8
+ [`2c672e958d395`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c672e958d395) -
9
+ [ux] EDF-2346 - [MD] Remove emotion references
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 2.0.2
4
16
 
5
17
  ### Patch Changes
@@ -1,29 +1,26 @@
1
+ /* Toolbar.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  "use strict";
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
6
  Object.defineProperty(exports, "__esModule", {
5
7
  value: true
6
8
  });
7
9
  exports.Toolbar = Toolbar;
8
- var _react = require("react");
9
- var _react2 = require("@emotion/react");
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var React = _react;
12
+ var _runtime = require("@compiled/react/runtime");
10
13
  var _reactIntlNext = require("react-intl-next");
11
14
  var _keymaps = require("@atlaskit/editor-common/keymaps");
12
15
  var _messages = require("@atlaskit/editor-common/messages");
13
- var _styles = require("@atlaskit/editor-common/styles");
16
+ var _ui = require("@atlaskit/editor-common/ui");
14
17
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
15
18
  var _listBulletedEditorBulletList = _interopRequireDefault(require("@atlaskit/icon/core/migration/list-bulleted--editor-bullet-list"));
16
19
  var _listNumberedEditorNumberList = _interopRequireDefault(require("@atlaskit/icon/core/migration/list-numbered--editor-number-list"));
17
20
  var _textIndentLeftEditorOutdent = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-indent-left--editor-outdent"));
18
21
  var _textIndentRightEditorIndent = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-indent-right--editor-indent"));
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
- /**
21
- * @jsxRuntime classic
22
- * @jsx jsx
23
- */
24
-
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
-
22
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
27
24
  function Toolbar(props) {
28
25
  var _useIntl = (0, _reactIntlNext.useIntl)(),
29
26
  formatMessage = _useIntl.formatMessage;
@@ -65,97 +62,82 @@ function Toolbar(props) {
65
62
  indentButtonRef.current.focus();
66
63
  }
67
64
  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
68
- return (
69
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
70
- (0, _react2.jsx)("span", {
71
- css:
72
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
73
- (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
74
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
75
- _styles.buttonGroupStyle :
76
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
77
- _styles.buttonGroupStyleBeforeVisualRefresh
78
- }, (0, _react2.jsx)("div", {
79
- role: "group",
80
- "aria-label": labelListsFormat
81
- }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
82
- buttonId: _uiMenu.TOOLBAR_BUTTON.BULLET_LIST,
83
- testId: labelUnorderedList,
84
- spacing: isReducedSpacing ? 'none' : 'default',
85
- onClick: handleOnItemActivated('bullet_list'),
86
- selected: bulletListActive,
87
- "aria-pressed": bulletListActive,
88
- "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleBulletList, labelUnorderedList),
89
- "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleBulletList),
90
- disabled: bulletListDisabled || disabled,
91
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
92
- description: labelUnorderedList,
93
- keymap: _keymaps.toggleBulletList
94
- }),
95
- iconBefore: (0, _react2.jsx)(_listBulletedEditorBulletList.default, {
96
- label: "",
97
- color: "currentColor",
98
- spacing: "spacious"
99
- })
100
- }), (0, _react2.jsx)(_uiMenu.ToolbarButton, {
101
- buttonId: _uiMenu.TOOLBAR_BUTTON.ORDERED_LIST,
102
- testId: labelOrderedList,
103
- spacing: isReducedSpacing ? 'none' : 'default',
104
- onClick: handleOnItemActivated('ordered_list'),
105
- selected: orderedListActive,
106
- "aria-pressed": orderedListActive,
107
- "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleOrderedList, labelOrderedList),
108
- "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleOrderedList),
109
- disabled: orderedListDisabled || disabled,
110
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
111
- description: labelOrderedList,
112
- keymap: _keymaps.toggleOrderedList
113
- }),
114
- iconBefore: (0, _react2.jsx)(_listNumberedEditorNumberList.default, {
115
- color: "currentColor",
116
- spacing: "spacious",
117
- label: ""
118
- })
119
- }), showIndentationButtons && (0, _react2.jsx)(_uiMenu.ToolbarButton, {
120
- buttonId: _uiMenu.TOOLBAR_BUTTON.OUTDENT,
121
- testId: _uiMenu.TOOLBAR_BUTTON.OUTDENT,
122
- ref: outdentButtonRef,
123
- spacing: isReducedSpacing ? 'none' : 'default',
124
- onClick: handleOnItemActivated('outdent'),
125
- iconBefore: (0, _react2.jsx)(_textIndentLeftEditorOutdent.default, {
126
- color: "currentColor",
127
- spacing: "spacious",
128
- label: ""
129
- }),
130
- disabled: outdentDisabled || disabled,
131
- "aria-label": (0, _keymaps.tooltip)(_keymaps.outdent, outdentMessage),
132
- "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.outdent),
133
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
134
- description: outdentMessage,
135
- keymap: _keymaps.outdent
136
- })
137
- }), showIndentationButtons && (0, _react2.jsx)(_uiMenu.ToolbarButton, {
138
- buttonId: _uiMenu.TOOLBAR_BUTTON.INDENT,
139
- testId: _uiMenu.TOOLBAR_BUTTON.INDENT,
140
- ref: indentButtonRef,
141
- spacing: isReducedSpacing ? 'none' : 'default',
142
- onClick: handleOnItemActivated('indent'),
143
- iconBefore: (0, _react2.jsx)(_textIndentRightEditorIndent.default, {
144
- color: "currentColor",
145
- spacing: "spacious",
146
- label: ""
147
- }),
148
- disabled: indentDisabled || disabled,
149
- "aria-label": (0, _keymaps.tooltip)(_keymaps.indent, indentMessage),
150
- "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.indent),
151
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
152
- description: indentMessage,
153
- keymap: _keymaps.indent
154
- })
155
- })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
156
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
157
- (0, _react2.jsx)("span", {
158
- css: _styles.separatorStyles
159
- }))
160
- );
65
+ return /*#__PURE__*/React.createElement(_ui.ToolbarButtonGroup, null, /*#__PURE__*/React.createElement("div", {
66
+ role: "group",
67
+ "aria-label": labelListsFormat
68
+ }, /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
69
+ buttonId: _uiMenu.TOOLBAR_BUTTON.BULLET_LIST,
70
+ testId: labelUnorderedList,
71
+ spacing: isReducedSpacing ? 'none' : 'default',
72
+ onClick: handleOnItemActivated('bullet_list'),
73
+ selected: bulletListActive,
74
+ "aria-pressed": bulletListActive,
75
+ "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleBulletList, labelUnorderedList),
76
+ "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleBulletList),
77
+ disabled: bulletListDisabled || disabled,
78
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
79
+ description: labelUnorderedList,
80
+ keymap: _keymaps.toggleBulletList
81
+ }),
82
+ iconBefore: /*#__PURE__*/React.createElement(_listBulletedEditorBulletList.default, {
83
+ label: "",
84
+ color: "currentColor",
85
+ spacing: "spacious"
86
+ })
87
+ }), /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
88
+ buttonId: _uiMenu.TOOLBAR_BUTTON.ORDERED_LIST,
89
+ testId: labelOrderedList,
90
+ spacing: isReducedSpacing ? 'none' : 'default',
91
+ onClick: handleOnItemActivated('ordered_list'),
92
+ selected: orderedListActive,
93
+ "aria-pressed": orderedListActive,
94
+ "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleOrderedList, labelOrderedList),
95
+ "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleOrderedList),
96
+ disabled: orderedListDisabled || disabled,
97
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
98
+ description: labelOrderedList,
99
+ keymap: _keymaps.toggleOrderedList
100
+ }),
101
+ iconBefore: /*#__PURE__*/React.createElement(_listNumberedEditorNumberList.default, {
102
+ color: "currentColor",
103
+ spacing: "spacious",
104
+ label: ""
105
+ })
106
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
107
+ buttonId: _uiMenu.TOOLBAR_BUTTON.OUTDENT,
108
+ testId: _uiMenu.TOOLBAR_BUTTON.OUTDENT,
109
+ ref: outdentButtonRef,
110
+ spacing: isReducedSpacing ? 'none' : 'default',
111
+ onClick: handleOnItemActivated('outdent'),
112
+ iconBefore: /*#__PURE__*/React.createElement(_textIndentLeftEditorOutdent.default, {
113
+ color: "currentColor",
114
+ spacing: "spacious",
115
+ label: ""
116
+ }),
117
+ disabled: outdentDisabled || disabled,
118
+ "aria-label": (0, _keymaps.tooltip)(_keymaps.outdent, outdentMessage),
119
+ "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.outdent),
120
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
121
+ description: outdentMessage,
122
+ keymap: _keymaps.outdent
123
+ })
124
+ }), showIndentationButtons && /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
125
+ buttonId: _uiMenu.TOOLBAR_BUTTON.INDENT,
126
+ testId: _uiMenu.TOOLBAR_BUTTON.INDENT,
127
+ ref: indentButtonRef,
128
+ spacing: isReducedSpacing ? 'none' : 'default',
129
+ onClick: handleOnItemActivated('indent'),
130
+ iconBefore: /*#__PURE__*/React.createElement(_textIndentRightEditorIndent.default, {
131
+ color: "currentColor",
132
+ spacing: "spacious",
133
+ label: ""
134
+ }),
135
+ disabled: indentDisabled || disabled,
136
+ "aria-label": (0, _keymaps.tooltip)(_keymaps.indent, indentMessage),
137
+ "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.indent),
138
+ title: /*#__PURE__*/React.createElement(_keymaps.ToolTipContent, {
139
+ description: indentMessage,
140
+ keymap: _keymaps.indent
141
+ })
142
+ })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /*#__PURE__*/React.createElement(_ui.ToolbarSeparator, null));
161
143
  }
@@ -1,3 +1,4 @@
1
+ /* ToolbarDropdown.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  "use strict";
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,26 +6,16 @@ Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.ToolbarDropdown = ToolbarDropdown;
9
+ var _runtime = require("@compiled/react/runtime");
8
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
11
  var _react = _interopRequireDefault(require("react"));
10
- var _react2 = require("@emotion/react");
11
12
  var _reactIntlNext = require("react-intl-next");
12
13
  var _keymaps = require("@atlaskit/editor-common/keymaps");
13
14
  var _messages = require("@atlaskit/editor-common/messages");
14
- var _styles = require("@atlaskit/editor-common/styles");
15
+ var _ui = require("@atlaskit/editor-common/ui");
15
16
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
16
- var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
17
17
  var _listBulletedEditorBulletList = _interopRequireDefault(require("@atlaskit/icon/core/migration/list-bulleted--editor-bullet-list"));
18
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
18
  var _types = require("../types");
21
- /**
22
- * @jsxRuntime classic
23
- * @jsx jsx
24
- */
25
-
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
27
-
28
19
  function ToolbarDropdown(props) {
29
20
  var _useIntl = (0, _reactIntlNext.useIntl)(),
30
21
  formatMessage = _useIntl.formatMessage;
@@ -76,62 +67,39 @@ function ToolbarDropdown(props) {
76
67
  });
77
68
  };
78
69
  var reducedSpacing = props.toolbarType === _types.ToolbarType.FLOATING ? 'compact' : 'none';
79
- return (
80
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
81
- (0, _react2.jsx)("span", {
82
- css: _styles.wrapperStyle
83
- }, (0, _react2.jsx)(_uiMenu.DropdownMenuWithKeyboardNavigation, {
84
- items: items,
85
- onItemActivated: handleOnItemActivated,
86
- mountTo: popupsMountPoint,
87
- boundariesElement: popupsBoundariesElement,
88
- scrollableElement: popupsScrollableElement,
89
- isOpen: isDropdownOpen,
90
- onOpenChange: onOpenChange,
91
- fitHeight: 188,
92
- fitWidth: 175,
93
- shouldUseDefaultRole: true,
94
- shouldFocusFirstItem: function shouldFocusFirstItem() {
95
- if (isOpenedByKeyboard) {
96
- setOpenedByKeyboard(false);
97
- }
98
- return isOpenedByKeyboard;
70
+ return /*#__PURE__*/_react.default.createElement(_ui.ToolbarDropdownWrapper, null, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenuWithKeyboardNavigation, {
71
+ items: items,
72
+ onItemActivated: handleOnItemActivated,
73
+ mountTo: popupsMountPoint,
74
+ boundariesElement: popupsBoundariesElement,
75
+ scrollableElement: popupsScrollableElement,
76
+ isOpen: isDropdownOpen,
77
+ onOpenChange: onOpenChange,
78
+ fitHeight: 188,
79
+ fitWidth: 175,
80
+ shouldUseDefaultRole: true,
81
+ shouldFocusFirstItem: function shouldFocusFirstItem() {
82
+ if (isOpenedByKeyboard) {
83
+ setOpenedByKeyboard(false);
99
84
  }
100
- }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
101
- spacing: isReducedSpacing ? reducedSpacing : 'default',
102
- selected: bulletListActive || orderedListActive || isDropdownOpen,
103
- "aria-expanded": isDropdownOpen,
104
- "aria-haspopup": true,
105
- "aria-label": labelLists,
106
- disabled: disabled,
107
- onClick: handleTriggerClick,
108
- onKeyDown: handleOnKeyDown,
109
- title: labelLists,
110
- iconBefore:
111
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
112
- (0, _react2.jsx)("span", {
113
- css: _styles.wrapperStyle
114
- }, (0, _react2.jsx)(_listBulletedEditorBulletList.default, {
115
- color: "currentColor",
116
- spacing: "spacious",
117
- label: labelLists
118
- }), (0, _react2.jsx)("span", {
119
- css: [
120
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
121
- (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') &&
122
- //eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
123
- _styles.expandIconContainerStyle]
124
- }, (0, _react2.jsx)(_chevronDown.default, {
125
- color: "currentColor",
126
- label: "",
127
- LEGACY_margin: "0 0 0 -8px"
128
- })))
129
- })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
130
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
131
- (0, _react2.jsx)("span", {
132
- css: _styles.separatorStyles
133
- }))
134
- );
85
+ return isOpenedByKeyboard;
86
+ }
87
+ }, /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
88
+ spacing: isReducedSpacing ? reducedSpacing : 'default',
89
+ selected: bulletListActive || orderedListActive || isDropdownOpen,
90
+ "aria-expanded": isDropdownOpen,
91
+ "aria-haspopup": true,
92
+ "aria-label": labelLists,
93
+ disabled: disabled,
94
+ onClick: handleTriggerClick,
95
+ onKeyDown: handleOnKeyDown,
96
+ title: labelLists,
97
+ iconBefore: /*#__PURE__*/_react.default.createElement(_ui.ToolbarDropdownTriggerWrapper, null, /*#__PURE__*/_react.default.createElement(_listBulletedEditorBulletList.default, {
98
+ color: "currentColor",
99
+ spacing: "spacious",
100
+ label: labelLists
101
+ }), /*#__PURE__*/_react.default.createElement(_ui.ToolbarExpandIcon, null))
102
+ })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /*#__PURE__*/_react.default.createElement(_ui.ToolbarSeparator, null));
135
103
  }
136
104
  function useItems(props) {
137
105
  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
@@ -146,11 +114,7 @@ function useItems(props) {
146
114
  },
147
115
  isDisabled: props.bulletListDisabled,
148
116
  isActive: Boolean(props.bulletListActive),
149
- elemAfter:
150
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
151
- (0, _react2.jsx)("div", {
152
- css: _shortcut.shortcutStyle
153
- }, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
117
+ elemAfter: /*#__PURE__*/_react.default.createElement(_ui.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
154
118
  }, {
155
119
  key: 'orderedList',
156
120
  content: labelOrderedList,
@@ -159,11 +123,7 @@ function useItems(props) {
159
123
  },
160
124
  isDisabled: props.orderedListDisabled,
161
125
  isActive: Boolean(props.orderedListActive),
162
- elemAfter:
163
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
164
- (0, _react2.jsx)("div", {
165
- css: _shortcut.shortcutStyle
166
- }, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
126
+ elemAfter: /*#__PURE__*/_react.default.createElement(_ui.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
167
127
  }];
168
128
  if (props.showIndentationButtons) {
169
129
  var labelIndent = formatMessage(_messages.indentationMessages.indent);
@@ -176,11 +136,7 @@ function useItems(props) {
176
136
  },
177
137
  isDisabled: props.outdentDisabled,
178
138
  isActive: false,
179
- elemAfter:
180
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
181
- (0, _react2.jsx)("div", {
182
- css: _shortcut.shortcutStyle
183
- }, (0, _keymaps.tooltip)(_keymaps.outdent))
139
+ elemAfter: /*#__PURE__*/_react.default.createElement(_ui.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.outdent))
184
140
  }, {
185
141
  key: 'indent',
186
142
  content: labelIndent,
@@ -189,10 +145,7 @@ function useItems(props) {
189
145
  },
190
146
  isDisabled: props.indentDisabled,
191
147
  isActive: false,
192
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
193
- elemAfter: (0, _react2.jsx)("div", {
194
- css: _shortcut.shortcutStyle
195
- }, (0, _keymaps.tooltip)(_keymaps.indent))
148
+ elemAfter: /*#__PURE__*/_react.default.createElement(_ui.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.indent))
196
149
  });
197
150
  }
198
151
  return [{
@@ -1,10 +1,13 @@
1
+ /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  "use strict";
2
3
 
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = ToolbarListsIndentation;
7
- var _react = require("@emotion/react");
9
+ var React = _interopRequireWildcard(require("react"));
10
+ var _runtime = require("@compiled/react/runtime");
8
11
  var _analytics = require("@atlaskit/editor-common/analytics");
9
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
13
  var _types = require("../types");
@@ -12,12 +15,8 @@ var _onItemActivated = require("./onItemActivated");
12
15
  var _Toolbar = require("./Toolbar");
13
16
  var _ToolbarDropdown = require("./ToolbarDropdown");
14
17
  var _inputMethod = require("./utils/input-method");
15
- /**
16
- * @jsxRuntime classic
17
- * @jsx jsx
18
- */
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
20
-
18
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
20
  function ToolbarListsIndentation(props) {
22
21
  var disabled = props.disabled,
23
22
  isSmall = props.isSmall,
@@ -47,7 +46,7 @@ function ToolbarListsIndentation(props) {
47
46
  } else {
48
47
  isDisabled = disabled;
49
48
  }
50
- return (0, _react.jsx)(_ToolbarDropdown.ToolbarDropdown, {
49
+ return /*#__PURE__*/React.createElement(_ToolbarDropdown.ToolbarDropdown, {
51
50
  editorView: props.editorView,
52
51
  isReducedSpacing: isReducedSpacing,
53
52
  popupsMountPoint: popupsMountPoint,
@@ -67,7 +66,7 @@ function ToolbarListsIndentation(props) {
67
66
  toolbarType: toolbarType
68
67
  });
69
68
  }
70
- return (0, _react.jsx)(_Toolbar.Toolbar, {
69
+ return /*#__PURE__*/React.createElement(_Toolbar.Toolbar, {
71
70
  editorView: props.editorView,
72
71
  isReducedSpacing: isReducedSpacing,
73
72
  bulletListActive: bulletListActive,