@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 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
@@ -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
 
@@ -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')) {
@@ -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
 
@@ -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.13.21",
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.5.0",
29
+ "@atlaskit/editor-common": "^94.8.0",
30
30
  "@atlaskit/editor-palette": "1.6.3",
31
- "@atlaskit/editor-plugin-block-controls": "^2.11.0",
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.3.0",
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",