@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 +12 -0
- package/dist/cjs/ui/Toolbar.js +86 -104
- package/dist/cjs/ui/ToolbarDropdown.js +39 -86
- package/dist/cjs/ui/index.js +8 -9
- package/dist/es2019/ui/Toolbar.js +82 -102
- package/dist/es2019/ui/ToolbarDropdown.js +39 -85
- package/dist/es2019/ui/index.js +5 -8
- package/dist/esm/ui/Toolbar.js +82 -102
- package/dist/esm/ui/ToolbarDropdown.js +39 -85
- package/dist/esm/ui/index.js +5 -8
- package/dist/types/ui/Toolbar.d.ts +2 -2
- package/dist/types/ui/ToolbarDropdown.d.ts +2 -2
- package/dist/types/ui/index.d.ts +2 -6
- package/dist/types-ts4.5/ui/Toolbar.d.ts +2 -2
- package/dist/types-ts4.5/ui/ToolbarDropdown.d.ts +2 -2
- package/dist/types-ts4.5/ui/index.d.ts +2 -6
- package/package.json +12 -8
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
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
"
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}),
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
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
|
|
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
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
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
|
-
|
|
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 [{
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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
|
|
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
|
|
69
|
+
return /*#__PURE__*/React.createElement(_Toolbar.Toolbar, {
|
|
71
70
|
editorView: props.editorView,
|
|
72
71
|
isReducedSpacing: isReducedSpacing,
|
|
73
72
|
bulletListActive: bulletListActive,
|