@atlaskit/editor-plugin-floating-toolbar 8.2.24 → 8.3.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 +11 -0
- package/dist/cjs/ui/Dropdown.js +0 -3
- package/dist/cjs/ui/EmojiPickerButton.js +0 -2
- package/dist/cjs/ui/Toolbar.js +1 -8
- package/dist/es2019/ui/Dropdown.js +0 -3
- package/dist/es2019/ui/EmojiPickerButton.js +0 -3
- package/dist/es2019/ui/Toolbar.js +1 -8
- package/dist/esm/ui/Dropdown.js +0 -3
- package/dist/esm/ui/EmojiPickerButton.js +0 -3
- package/dist/esm/ui/Toolbar.js +1 -8
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 8.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
|
|
8
|
+
Migrated and cleaned up legacy iconography usage.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 8.2.24
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
package/dist/cjs/ui/Dropdown.js
CHANGED
|
@@ -17,7 +17,6 @@ var _react2 = require("@emotion/react");
|
|
|
17
17
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
18
18
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
19
19
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
20
|
-
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
21
20
|
var _Divider = require("./Divider");
|
|
22
21
|
var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
|
|
23
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -48,7 +47,6 @@ var CompositeIcon = function CompositeIcon(_ref) {
|
|
|
48
47
|
color: "currentColor",
|
|
49
48
|
spacing: "spacious",
|
|
50
49
|
label: "Expand dropdown menu",
|
|
51
|
-
LEGACY_fallbackIcon: _chevronDown2.default,
|
|
52
50
|
size: "small"
|
|
53
51
|
})));
|
|
54
52
|
};
|
|
@@ -190,7 +188,6 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
190
188
|
color: "currentColor",
|
|
191
189
|
spacing: "spacious",
|
|
192
190
|
label: "Expand dropdown menu",
|
|
193
|
-
LEGACY_fallbackIcon: _chevronDown2.default,
|
|
194
191
|
size: "small"
|
|
195
192
|
})),
|
|
196
193
|
icon: iconBefore,
|
|
@@ -17,7 +17,6 @@ var _emoji = require("@atlaskit/emoji");
|
|
|
17
17
|
var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
|
|
18
18
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
19
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
20
|
-
var _EditorEmojiAddIcon = _interopRequireDefault(require("./EditorEmojiAddIcon"));
|
|
21
20
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
21
|
/**
|
|
23
22
|
* @jsxRuntime classic
|
|
@@ -171,7 +170,6 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
|
|
|
171
170
|
icon: function icon() {
|
|
172
171
|
return (0, _react2.jsx)(_emojiAdd.default, {
|
|
173
172
|
color: "currentColor",
|
|
174
|
-
LEGACY_fallbackIcon: _EditorEmojiAddIcon.default,
|
|
175
173
|
label: "emoji-picker-button",
|
|
176
174
|
spacing: "spacious"
|
|
177
175
|
});
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -136,15 +136,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
136
136
|
key: idx,
|
|
137
137
|
title: item.title,
|
|
138
138
|
href: item.href,
|
|
139
|
-
icon: item.icon ?
|
|
139
|
+
icon: item.icon ? (0, _react2.jsx)(ButtonIcon, {
|
|
140
140
|
color: getIconColor(item.disabled, item.selected),
|
|
141
|
-
spacing: "spacious",
|
|
142
|
-
label: undefined,
|
|
143
|
-
LEGACY_fallbackIcon: item.iconFallback,
|
|
144
|
-
LEGACY_primaryColor: "currentColor",
|
|
145
|
-
Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)",
|
|
146
|
-
"aria-hidden": true // Icon is described by the button for screen readers
|
|
147
|
-
}) : (0, _react2.jsx)(ButtonIcon, {
|
|
148
141
|
spacing: "spacious",
|
|
149
142
|
label: undefined,
|
|
150
143
|
"aria-hidden": true // Icon is described by the button for screen readers
|
|
@@ -12,7 +12,6 @@ import { css, jsx } from '@emotion/react';
|
|
|
12
12
|
import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
|
|
13
13
|
import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
|
|
14
14
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
15
|
-
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
16
15
|
import { Divider } from './Divider';
|
|
17
16
|
import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
|
|
18
17
|
|
|
@@ -35,7 +34,6 @@ const CompositeIcon = ({
|
|
|
35
34
|
color: "currentColor",
|
|
36
35
|
spacing: "spacious",
|
|
37
36
|
label: "Expand dropdown menu",
|
|
38
|
-
LEGACY_fallbackIcon: ExpandIcon,
|
|
39
37
|
size: "small"
|
|
40
38
|
})));
|
|
41
39
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -172,7 +170,6 @@ export default class Dropdown extends Component {
|
|
|
172
170
|
color: "currentColor",
|
|
173
171
|
spacing: "spacious",
|
|
174
172
|
label: "Expand dropdown menu",
|
|
175
|
-
LEGACY_fallbackIcon: ExpandIcon,
|
|
176
173
|
size: "small"
|
|
177
174
|
})),
|
|
178
175
|
icon: iconBefore,
|
|
@@ -14,8 +14,6 @@ import { EmojiPicker } from '@atlaskit/emoji';
|
|
|
14
14
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
15
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
16
|
import Tooltip from '@atlaskit/tooltip';
|
|
17
|
-
import EditorEmojiAddIcon from './EditorEmojiAddIcon';
|
|
18
|
-
|
|
19
17
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
20
18
|
const emojiPickerButtonWrapper = css({
|
|
21
19
|
position: 'relative',
|
|
@@ -155,7 +153,6 @@ export const EmojiPickerButton = props => {
|
|
|
155
153
|
spacing: "compact",
|
|
156
154
|
icon: () => jsx(EmojiAddIcon, {
|
|
157
155
|
color: "currentColor",
|
|
158
|
-
LEGACY_fallbackIcon: EditorEmojiAddIcon,
|
|
159
156
|
label: "emoji-picker-button",
|
|
160
157
|
spacing: "spacious"
|
|
161
158
|
})
|
|
@@ -124,15 +124,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
|
|
|
124
124
|
key: idx,
|
|
125
125
|
title: item.title,
|
|
126
126
|
href: item.href,
|
|
127
|
-
icon: item.icon ?
|
|
127
|
+
icon: item.icon ? jsx(ButtonIcon, {
|
|
128
128
|
color: getIconColor(item.disabled, item.selected),
|
|
129
|
-
spacing: "spacious",
|
|
130
|
-
label: undefined,
|
|
131
|
-
LEGACY_fallbackIcon: item.iconFallback,
|
|
132
|
-
LEGACY_primaryColor: "currentColor",
|
|
133
|
-
Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)",
|
|
134
|
-
"aria-hidden": true // Icon is described by the button for screen readers
|
|
135
|
-
}) : jsx(ButtonIcon, {
|
|
136
129
|
spacing: "spacious",
|
|
137
130
|
label: undefined,
|
|
138
131
|
"aria-hidden": true // Icon is described by the button for screen readers
|
package/dist/esm/ui/Dropdown.js
CHANGED
|
@@ -21,7 +21,6 @@ import { css, jsx } from '@emotion/react';
|
|
|
21
21
|
import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
|
|
22
22
|
import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
|
|
23
23
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
24
|
-
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
25
24
|
import { Divider } from './Divider';
|
|
26
25
|
import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
|
|
27
26
|
|
|
@@ -44,7 +43,6 @@ var CompositeIcon = function CompositeIcon(_ref) {
|
|
|
44
43
|
color: "currentColor",
|
|
45
44
|
spacing: "spacious",
|
|
46
45
|
label: "Expand dropdown menu",
|
|
47
|
-
LEGACY_fallbackIcon: ExpandIcon,
|
|
48
46
|
size: "small"
|
|
49
47
|
})));
|
|
50
48
|
};
|
|
@@ -186,7 +184,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
186
184
|
color: "currentColor",
|
|
187
185
|
spacing: "spacious",
|
|
188
186
|
label: "Expand dropdown menu",
|
|
189
|
-
LEGACY_fallbackIcon: ExpandIcon,
|
|
190
187
|
size: "small"
|
|
191
188
|
})),
|
|
192
189
|
icon: iconBefore,
|
|
@@ -15,8 +15,6 @@ import { EmojiPicker } from '@atlaskit/emoji';
|
|
|
15
15
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
16
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
17
|
import Tooltip from '@atlaskit/tooltip';
|
|
18
|
-
import EditorEmojiAddIcon from './EditorEmojiAddIcon';
|
|
19
|
-
|
|
20
18
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
21
19
|
var emojiPickerButtonWrapper = css({
|
|
22
20
|
position: 'relative',
|
|
@@ -162,7 +160,6 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
|
|
|
162
160
|
icon: function icon() {
|
|
163
161
|
return jsx(EmojiAddIcon, {
|
|
164
162
|
color: "currentColor",
|
|
165
|
-
LEGACY_fallbackIcon: EditorEmojiAddIcon,
|
|
166
163
|
label: "emoji-picker-button",
|
|
167
164
|
spacing: "spacious"
|
|
168
165
|
});
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -130,15 +130,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
130
130
|
key: idx,
|
|
131
131
|
title: item.title,
|
|
132
132
|
href: item.href,
|
|
133
|
-
icon: item.icon ?
|
|
133
|
+
icon: item.icon ? jsx(ButtonIcon, {
|
|
134
134
|
color: getIconColor(item.disabled, item.selected),
|
|
135
|
-
spacing: "spacious",
|
|
136
|
-
label: undefined,
|
|
137
|
-
LEGACY_fallbackIcon: item.iconFallback,
|
|
138
|
-
LEGACY_primaryColor: "currentColor",
|
|
139
|
-
Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)",
|
|
140
|
-
"aria-hidden": true // Icon is described by the button for screen readers
|
|
141
|
-
}) : jsx(ButtonIcon, {
|
|
142
135
|
spacing: "spacious",
|
|
143
136
|
label: undefined,
|
|
144
137
|
"aria-hidden": true // Icon is described by the button for screen readers
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.3.0",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"atlaskit:src": "src/index.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@atlaskit/adf-utils": "^19.26.0",
|
|
25
|
-
"@atlaskit/button": "^23.
|
|
25
|
+
"@atlaskit/button": "^23.8.0",
|
|
26
26
|
"@atlaskit/checkbox": "^17.2.0",
|
|
27
27
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
28
28
|
"@atlaskit/editor-plugin-analytics": "^6.2.0",
|
|
@@ -37,15 +37,15 @@
|
|
|
37
37
|
"@atlaskit/editor-plugin-user-intent": "^4.0.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "^7.2.0",
|
|
39
39
|
"@atlaskit/emoji": "^69.9.0",
|
|
40
|
-
"@atlaskit/icon": "^29.
|
|
40
|
+
"@atlaskit/icon": "^29.2.0",
|
|
41
41
|
"@atlaskit/menu": "^8.4.0",
|
|
42
42
|
"@atlaskit/modal-dialog": "^14.9.0",
|
|
43
43
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
44
|
"@atlaskit/primitives": "^16.4.0",
|
|
45
|
-
"@atlaskit/select": "^21.
|
|
45
|
+
"@atlaskit/select": "^21.6.0",
|
|
46
46
|
"@atlaskit/theme": "^21.0.0",
|
|
47
47
|
"@atlaskit/tmp-editor-statsig": "^15.12.0",
|
|
48
|
-
"@atlaskit/tokens": "^8.
|
|
48
|
+
"@atlaskit/tokens": "^8.6.0",
|
|
49
49
|
"@atlaskit/tooltip": "^20.11.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@emotion/react": "^11.7.1",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"react-loadable": "^5.1.0"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
|
-
"@atlaskit/editor-common": "^110.
|
|
59
|
+
"@atlaskit/editor-common": "^110.45.0",
|
|
60
60
|
"react": "^18.2.0",
|
|
61
61
|
"react-dom": "^18.2.0"
|
|
62
62
|
},
|