@atlaskit/editor-plugin-floating-toolbar 1.13.21 → 1.14.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/Dropdown.js +6 -3
- package/dist/cjs/ui/Toolbar.js +3 -1
- package/dist/es2019/ui/Dropdown.js +6 -3
- package/dist/es2019/ui/Toolbar.js +3 -1
- package/dist/esm/ui/Dropdown.js +6 -3
- package/dist/esm/ui/Toolbar.js +3 -1
- package/dist/types/ui/Dropdown.d.ts +2 -1
- package/dist/types-ts4.5/ui/Dropdown.d.ts +2 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 1.14.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#157867](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157867)
|
|
8
|
+
[`8398a1f0013fc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8398a1f0013fc) -
|
|
9
|
+
[ux] ED-25331-add-spotlight-to-inline-comment-button
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 1.13.21
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/ui/Dropdown.js
CHANGED
|
@@ -150,7 +150,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
150
150
|
alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar,
|
|
151
151
|
footer = _this$props2.footer,
|
|
152
152
|
onMount = _this$props2.onMount,
|
|
153
|
-
pulse = _this$props2.pulse
|
|
153
|
+
pulse = _this$props2.pulse,
|
|
154
|
+
spotlightConfig = _this$props2.spotlightConfig;
|
|
154
155
|
var trigger;
|
|
155
156
|
if (icon) {
|
|
156
157
|
var TriggerIcon = hideExpandIcon ? icon : (0, _react2.jsx)(CompositeIcon, {
|
|
@@ -166,7 +167,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
166
167
|
disabled: disabled,
|
|
167
168
|
tooltipContent: tooltip,
|
|
168
169
|
onMount: onMount,
|
|
169
|
-
pulse: pulse
|
|
170
|
+
pulse: pulse,
|
|
171
|
+
spotlightConfig: spotlightConfig
|
|
170
172
|
});
|
|
171
173
|
} else {
|
|
172
174
|
trigger = (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
@@ -188,7 +190,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
188
190
|
ariaHasPopup: true,
|
|
189
191
|
areaControls: dropdownListId,
|
|
190
192
|
onMount: onMount,
|
|
191
|
-
pulse: pulse
|
|
193
|
+
pulse: pulse,
|
|
194
|
+
spotlightConfig: spotlightConfig
|
|
192
195
|
}, title);
|
|
193
196
|
}
|
|
194
197
|
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -136,6 +136,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
136
136
|
return dispatchCommand(item.onBlur);
|
|
137
137
|
},
|
|
138
138
|
onMount: item.onMount,
|
|
139
|
+
onUnmount: item.onUnmount,
|
|
139
140
|
selected: item.selected,
|
|
140
141
|
disabled: item.disabled,
|
|
141
142
|
tooltipContent: item.tooltipContent,
|
|
@@ -144,7 +145,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
144
145
|
ariaHasPopup: item.ariaHasPopup,
|
|
145
146
|
tabIndex: item.tabIndex,
|
|
146
147
|
isRadioButton: item.isRadioButton,
|
|
147
|
-
pulse: item.pulse
|
|
148
|
+
pulse: item.pulse,
|
|
149
|
+
spotlightConfig: item.spotlightConfig
|
|
148
150
|
}, item.showTitle && item.title);
|
|
149
151
|
case 'input':
|
|
150
152
|
if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
|
|
@@ -128,7 +128,8 @@ export default class Dropdown extends Component {
|
|
|
128
128
|
alignDropdownWithToolbar,
|
|
129
129
|
footer,
|
|
130
130
|
onMount,
|
|
131
|
-
pulse
|
|
131
|
+
pulse,
|
|
132
|
+
spotlightConfig
|
|
132
133
|
} = this.props;
|
|
133
134
|
let trigger;
|
|
134
135
|
if (icon) {
|
|
@@ -145,7 +146,8 @@ export default class Dropdown extends Component {
|
|
|
145
146
|
disabled: disabled,
|
|
146
147
|
tooltipContent: tooltip,
|
|
147
148
|
onMount: onMount,
|
|
148
|
-
pulse: pulse
|
|
149
|
+
pulse: pulse,
|
|
150
|
+
spotlightConfig: spotlightConfig
|
|
149
151
|
});
|
|
150
152
|
} else {
|
|
151
153
|
trigger = jsx(Button, {
|
|
@@ -167,7 +169,8 @@ export default class Dropdown extends Component {
|
|
|
167
169
|
ariaHasPopup: true,
|
|
168
170
|
areaControls: dropdownListId,
|
|
169
171
|
onMount: onMount,
|
|
170
|
-
pulse: pulse
|
|
172
|
+
pulse: pulse,
|
|
173
|
+
spotlightConfig: spotlightConfig
|
|
171
174
|
}, title);
|
|
172
175
|
}
|
|
173
176
|
|
|
@@ -116,6 +116,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
|
|
|
116
116
|
onFocus: () => dispatchCommand(item.onFocus),
|
|
117
117
|
onBlur: () => dispatchCommand(item.onBlur),
|
|
118
118
|
onMount: item.onMount,
|
|
119
|
+
onUnmount: item.onUnmount,
|
|
119
120
|
selected: item.selected,
|
|
120
121
|
disabled: item.disabled,
|
|
121
122
|
tooltipContent: item.tooltipContent,
|
|
@@ -124,7 +125,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
|
|
|
124
125
|
ariaHasPopup: item.ariaHasPopup,
|
|
125
126
|
tabIndex: item.tabIndex,
|
|
126
127
|
isRadioButton: item.isRadioButton,
|
|
127
|
-
pulse: item.pulse
|
|
128
|
+
pulse: item.pulse,
|
|
129
|
+
spotlightConfig: item.spotlightConfig
|
|
128
130
|
}, item.showTitle && item.title);
|
|
129
131
|
case 'input':
|
|
130
132
|
if (fg('platform_editor_react18_phase2')) {
|
package/dist/esm/ui/Dropdown.js
CHANGED
|
@@ -145,7 +145,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
145
145
|
alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar,
|
|
146
146
|
footer = _this$props2.footer,
|
|
147
147
|
onMount = _this$props2.onMount,
|
|
148
|
-
pulse = _this$props2.pulse
|
|
148
|
+
pulse = _this$props2.pulse,
|
|
149
|
+
spotlightConfig = _this$props2.spotlightConfig;
|
|
149
150
|
var trigger;
|
|
150
151
|
if (icon) {
|
|
151
152
|
var TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
|
|
@@ -161,7 +162,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
161
162
|
disabled: disabled,
|
|
162
163
|
tooltipContent: tooltip,
|
|
163
164
|
onMount: onMount,
|
|
164
|
-
pulse: pulse
|
|
165
|
+
pulse: pulse,
|
|
166
|
+
spotlightConfig: spotlightConfig
|
|
165
167
|
});
|
|
166
168
|
} else {
|
|
167
169
|
trigger = jsx(Button, {
|
|
@@ -183,7 +185,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
183
185
|
ariaHasPopup: true,
|
|
184
186
|
areaControls: dropdownListId,
|
|
185
187
|
onMount: onMount,
|
|
186
|
-
pulse: pulse
|
|
188
|
+
pulse: pulse,
|
|
189
|
+
spotlightConfig: spotlightConfig
|
|
187
190
|
}, title);
|
|
188
191
|
}
|
|
189
192
|
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -129,6 +129,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
129
129
|
return dispatchCommand(item.onBlur);
|
|
130
130
|
},
|
|
131
131
|
onMount: item.onMount,
|
|
132
|
+
onUnmount: item.onUnmount,
|
|
132
133
|
selected: item.selected,
|
|
133
134
|
disabled: item.disabled,
|
|
134
135
|
tooltipContent: item.tooltipContent,
|
|
@@ -137,7 +138,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
137
138
|
ariaHasPopup: item.ariaHasPopup,
|
|
138
139
|
tabIndex: item.tabIndex,
|
|
139
140
|
isRadioButton: item.isRadioButton,
|
|
140
|
-
pulse: item.pulse
|
|
141
|
+
pulse: item.pulse,
|
|
142
|
+
spotlightConfig: item.spotlightConfig
|
|
141
143
|
}, item.showTitle && item.title);
|
|
142
144
|
case 'input':
|
|
143
145
|
if (fg('platform_editor_react18_phase2')) {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import type { ReactElement } from 'react';
|
|
7
7
|
import React, { Component } from 'react';
|
|
8
8
|
import { jsx } from '@emotion/react';
|
|
9
|
-
import type { CommandDispatch, DropdownOptions } from '@atlaskit/editor-common/types';
|
|
9
|
+
import type { CommandDispatch, DropdownOptions, FloatingToolbarButtonSpotlightConfig } from '@atlaskit/editor-common/types';
|
|
10
10
|
import type { EditorState } from '@atlaskit/editor-prosemirror/state';
|
|
11
11
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
12
12
|
export interface Props {
|
|
@@ -34,6 +34,7 @@ export interface Props {
|
|
|
34
34
|
footer?: React.ReactNode;
|
|
35
35
|
/** If true, the component will have pulse onboarding effect around it. */
|
|
36
36
|
pulse?: boolean;
|
|
37
|
+
spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
|
|
37
38
|
}
|
|
38
39
|
export interface State {
|
|
39
40
|
isOpen: boolean;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import type { ReactElement } from 'react';
|
|
7
7
|
import React, { Component } from 'react';
|
|
8
8
|
import { jsx } from '@emotion/react';
|
|
9
|
-
import type { CommandDispatch, DropdownOptions } from '@atlaskit/editor-common/types';
|
|
9
|
+
import type { CommandDispatch, DropdownOptions, FloatingToolbarButtonSpotlightConfig } from '@atlaskit/editor-common/types';
|
|
10
10
|
import type { EditorState } from '@atlaskit/editor-prosemirror/state';
|
|
11
11
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
12
12
|
export interface Props {
|
|
@@ -34,6 +34,7 @@ export interface Props {
|
|
|
34
34
|
footer?: React.ReactNode;
|
|
35
35
|
/** If true, the component will have pulse onboarding effect around it. */
|
|
36
36
|
pulse?: boolean;
|
|
37
|
+
spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
|
|
37
38
|
}
|
|
38
39
|
export interface State {
|
|
39
40
|
isOpen: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.0",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"@atlaskit/adf-utils": "^19.10.0",
|
|
27
27
|
"@atlaskit/button": "^20.3.0",
|
|
28
28
|
"@atlaskit/checkbox": "^15.1.0",
|
|
29
|
-
"@atlaskit/editor-common": "^94.
|
|
29
|
+
"@atlaskit/editor-common": "^94.8.0",
|
|
30
30
|
"@atlaskit/editor-palette": "1.6.3",
|
|
31
|
-
"@atlaskit/editor-plugin-block-controls": "^2.
|
|
31
|
+
"@atlaskit/editor-plugin-block-controls": "^2.12.0",
|
|
32
32
|
"@atlaskit/editor-plugin-context-panel": "^1.3.0",
|
|
33
33
|
"@atlaskit/editor-plugin-copy-button": "^1.3.0",
|
|
34
34
|
"@atlaskit/editor-plugin-decorations": "^1.3.0",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@atlaskit/modal-dialog": "^12.17.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
46
46
|
"@atlaskit/primitives": "^12.2.0",
|
|
47
|
-
"@atlaskit/select": "^18.
|
|
47
|
+
"@atlaskit/select": "^18.4.0",
|
|
48
48
|
"@atlaskit/theme": "^14.0.0",
|
|
49
49
|
"@atlaskit/tokens": "^2.0.0",
|
|
50
50
|
"@atlaskit/tooltip": "^18.8.0",
|