@atlaskit/editor-plugin-floating-toolbar 1.13.9 → 1.13.11

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/ui/Dropdown.js +6 -3
  3. package/dist/cjs/ui/Toolbar.js +12 -3
  4. package/dist/es2019/ui/Dropdown.js +6 -3
  5. package/dist/es2019/ui/Toolbar.js +12 -3
  6. package/dist/esm/ui/Dropdown.js +6 -3
  7. package/dist/esm/ui/Toolbar.js +12 -3
  8. package/dist/types/ui/Dropdown.d.ts +2 -0
  9. package/dist/types-ts4.5/ui/Dropdown.d.ts +2 -0
  10. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-floating-toolbar
2
2
 
3
+ ## 1.13.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [#151707](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151707)
8
+ [`b6edd84148f5e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6edd84148f5e) -
9
+ [ux] ED-25089: Migrated layout toolbar icons
10
+ - Updated dependencies
11
+
12
+ ## 1.13.10
13
+
14
+ ### Patch Changes
15
+
16
+ - [#150384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150384)
17
+ [`d3dad252dbe46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d3dad252dbe46) -
18
+ [EDF-1177](https://product-fabric.atlassian.net/browse/EDF-1177) - add pulse effect support into
19
+ editor floating toolbar
20
+
3
21
  ## 1.13.9
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/ui/Dropdown.js CHANGED
@@ -140,7 +140,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
140
140
  dropdownWidth = _this$props2.dropdownWidth,
141
141
  dropdownListId = _this$props2.dropdownListId,
142
142
  alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar,
143
- footer = _this$props2.footer;
143
+ footer = _this$props2.footer,
144
+ pulse = _this$props2.pulse;
144
145
  var trigger;
145
146
  if (icon) {
146
147
  var TriggerIcon = hideExpandIcon ? icon : (0, _react2.jsx)(CompositeIcon, {
@@ -154,7 +155,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
154
155
  onKeyDown: this.toggleOpenByKeyboard,
155
156
  selected: isOpen,
156
157
  disabled: disabled,
157
- tooltipContent: tooltip
158
+ tooltipContent: tooltip,
159
+ pulse: pulse
158
160
  });
159
161
  } else {
160
162
  trigger = (0, _react2.jsx)(_ui.FloatingToolbarButton, {
@@ -171,7 +173,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
171
173
  disabled: disabled,
172
174
  tooltipContent: tooltip,
173
175
  ariaHasPopup: true,
174
- areaControls: dropdownListId
176
+ areaControls: dropdownListId,
177
+ pulse: pulse
175
178
  }, title);
176
179
  }
177
180
 
package/dist/cjs/ui/Toolbar.js CHANGED
@@ -109,7 +109,14 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
109
109
  key: idx,
110
110
  title: item.title,
111
111
  href: item.href,
112
- icon: item.icon ? (0, _react2.jsx)(ButtonIcon, {
112
+ icon: item.icon ? item.iconFallback ? (0, _react2.jsx)(ButtonIcon, {
113
+ color: "var(--ds-icon, #44546F)",
114
+ spacing: "spacious",
115
+ label: item.title,
116
+ LEGACY_fallbackIcon: item.iconFallback,
117
+ LEGACY_primaryColor: "currentColor",
118
+ Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)"
119
+ }) : (0, _react2.jsx)(ButtonIcon, {
113
120
  label: item.title
114
121
  }) : undefined,
115
122
  appearance: item.appearance,
@@ -135,7 +142,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
135
142
  hideTooltipOnClick: item.hideTooltipOnClick,
136
143
  ariaHasPopup: item.ariaHasPopup,
137
144
  tabIndex: item.tabIndex,
138
- isRadioButton: item.isRadioButton
145
+ isRadioButton: item.isRadioButton,
146
+ pulse: item.pulse
139
147
  }, item.showTitle && item.title);
140
148
  case 'input':
141
149
  return (0, _react2.jsx)(_Input.default, {
@@ -183,7 +191,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
183
191
  dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
184
192
  alignDropdownWithToolbar: items.length === 1,
185
193
  onToggle: item.onToggle,
186
- footer: item.footer
194
+ footer: item.footer,
195
+ pulse: item.pulse
187
196
  });
188
197
  case 'select':
189
198
  if (item.selectType === 'list') {
package/dist/es2019/ui/Dropdown.js CHANGED
@@ -118,7 +118,8 @@ export default class Dropdown extends Component {
118
118
  dropdownWidth,
119
119
  dropdownListId,
120
120
  alignDropdownWithToolbar,
121
- footer
121
+ footer,
122
+ pulse
122
123
  } = this.props;
123
124
  let trigger;
124
125
  if (icon) {
@@ -133,7 +134,8 @@ export default class Dropdown extends Component {
133
134
  onKeyDown: this.toggleOpenByKeyboard,
134
135
  selected: isOpen,
135
136
  disabled: disabled,
136
- tooltipContent: tooltip
137
+ tooltipContent: tooltip,
138
+ pulse: pulse
137
139
  });
138
140
  } else {
139
141
  trigger = jsx(Button, {
@@ -150,7 +152,8 @@ export default class Dropdown extends Component {
150
152
  disabled: disabled,
151
153
  tooltipContent: tooltip,
152
154
  ariaHasPopup: true,
153
- areaControls: dropdownListId
155
+ areaControls: dropdownListId,
156
+ pulse: pulse
154
157
  }, title);
155
158
  }
156
159
 
package/dist/es2019/ui/Toolbar.js CHANGED
@@ -97,7 +97,14 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
97
97
  key: idx,
98
98
  title: item.title,
99
99
  href: item.href,
100
- icon: item.icon ? jsx(ButtonIcon, {
100
+ icon: item.icon ? item.iconFallback ? jsx(ButtonIcon, {
101
+ color: "var(--ds-icon, #44546F)",
102
+ spacing: "spacious",
103
+ label: item.title,
104
+ LEGACY_fallbackIcon: item.iconFallback,
105
+ LEGACY_primaryColor: "currentColor",
106
+ Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)"
107
+ }) : jsx(ButtonIcon, {
101
108
  label: item.title
102
109
  }) : undefined,
103
110
  appearance: item.appearance,
@@ -115,7 +122,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
115
122
  hideTooltipOnClick: item.hideTooltipOnClick,
116
123
  ariaHasPopup: item.ariaHasPopup,
117
124
  tabIndex: item.tabIndex,
118
- isRadioButton: item.isRadioButton
125
+ isRadioButton: item.isRadioButton,
126
+ pulse: item.pulse
119
127
  }, item.showTitle && item.title);
120
128
  case 'input':
121
129
  return jsx(Input, {
@@ -159,7 +167,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
159
167
  dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && `${item.id}-dropdownList`,
160
168
  alignDropdownWithToolbar: items.length === 1,
161
169
  onToggle: item.onToggle,
162
- footer: item.footer
170
+ footer: item.footer,
171
+ pulse: item.pulse
163
172
  });
164
173
  case 'select':
165
174
  if (item.selectType === 'list') {
package/dist/esm/ui/Dropdown.js CHANGED
@@ -135,7 +135,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
135
135
  dropdownWidth = _this$props2.dropdownWidth,
136
136
  dropdownListId = _this$props2.dropdownListId,
137
137
  alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar,
138
- footer = _this$props2.footer;
138
+ footer = _this$props2.footer,
139
+ pulse = _this$props2.pulse;
139
140
  var trigger;
140
141
  if (icon) {
141
142
  var TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
@@ -149,7 +150,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
149
150
  onKeyDown: this.toggleOpenByKeyboard,
150
151
  selected: isOpen,
151
152
  disabled: disabled,
152
- tooltipContent: tooltip
153
+ tooltipContent: tooltip,
154
+ pulse: pulse
153
155
  });
154
156
  } else {
155
157
  trigger = jsx(Button, {
@@ -166,7 +168,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
166
168
  disabled: disabled,
167
169
  tooltipContent: tooltip,
168
170
  ariaHasPopup: true,
169
- areaControls: dropdownListId
171
+ areaControls: dropdownListId,
172
+ pulse: pulse
170
173
  }, title);
171
174
  }
172
175
 
package/dist/esm/ui/Toolbar.js CHANGED
@@ -102,7 +102,14 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
102
102
  key: idx,
103
103
  title: item.title,
104
104
  href: item.href,
105
- icon: item.icon ? jsx(ButtonIcon, {
105
+ icon: item.icon ? item.iconFallback ? jsx(ButtonIcon, {
106
+ color: "var(--ds-icon, #44546F)",
107
+ spacing: "spacious",
108
+ label: item.title,
109
+ LEGACY_fallbackIcon: item.iconFallback,
110
+ LEGACY_primaryColor: "currentColor",
111
+ Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)"
112
+ }) : jsx(ButtonIcon, {
106
113
  label: item.title
107
114
  }) : undefined,
108
115
  appearance: item.appearance,
@@ -128,7 +135,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
128
135
  hideTooltipOnClick: item.hideTooltipOnClick,
129
136
  ariaHasPopup: item.ariaHasPopup,
130
137
  tabIndex: item.tabIndex,
131
- isRadioButton: item.isRadioButton
138
+ isRadioButton: item.isRadioButton,
139
+ pulse: item.pulse
132
140
  }, item.showTitle && item.title);
133
141
  case 'input':
134
142
  return jsx(Input, {
@@ -176,7 +184,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
176
184
  dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
177
185
  alignDropdownWithToolbar: items.length === 1,
178
186
  onToggle: item.onToggle,
179
- footer: item.footer
187
+ footer: item.footer,
188
+ pulse: item.pulse
180
189
  });
181
190
  case 'select':
182
191
  if (item.selectType === 'list') {
package/dist/types/ui/Dropdown.d.ts CHANGED
@@ -30,6 +30,8 @@ export interface Props {
30
30
  alignDropdownWithToolbar?: boolean;
31
31
  onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
32
32
  footer?: React.ReactNode;
33
+ /** If true, the component will have pulse onboarding effect around it. */
34
+ pulse?: boolean;
33
35
  }
34
36
  export interface State {
35
37
  isOpen: boolean;
package/dist/types-ts4.5/ui/Dropdown.d.ts CHANGED
@@ -30,6 +30,8 @@ export interface Props {
30
30
  alignDropdownWithToolbar?: boolean;
31
31
  onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
32
32
  footer?: React.ReactNode;
33
+ /** If true, the component will have pulse onboarding effect around it. */
34
+ pulse?: boolean;
33
35
  }
34
36
  export interface State {
35
37
  isOpen: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-floating-toolbar",
3
- "version": "1.13.9",
3
+ "version": "1.13.11",
4
4
  "description": "Floating toolbar plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -23,27 +23,27 @@
23
23
  ".": "./src/index.ts"
24
24
  },
25
25
  "dependencies": {
26
- "@atlaskit/adf-utils": "^19.8.0",
26
+ "@atlaskit/adf-utils": "^19.9.0",
27
27
  "@atlaskit/button": "^20.2.0",
28
28
  "@atlaskit/checkbox": "^14.0.0",
29
- "@atlaskit/editor-common": "^93.1.0",
29
+ "@atlaskit/editor-common": "^93.4.0",
30
30
  "@atlaskit/editor-palette": "1.6.1",
31
- "@atlaskit/editor-plugin-block-controls": "^2.2.0",
31
+ "@atlaskit/editor-plugin-block-controls": "^2.5.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",
35
35
  "@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
36
36
  "@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
37
- "@atlaskit/editor-plugin-emoji": "^2.6.0",
38
- "@atlaskit/editor-plugin-extension": "^1.14.0",
39
- "@atlaskit/editor-plugin-table": "^7.28.0",
37
+ "@atlaskit/editor-plugin-emoji": "^2.7.0",
38
+ "@atlaskit/editor-plugin-extension": "^1.15.0",
39
+ "@atlaskit/editor-plugin-table": "^7.29.0",
40
40
  "@atlaskit/editor-prosemirror": "6.0.0",
41
41
  "@atlaskit/emoji": "^67.8.0",
42
42
  "@atlaskit/icon": "^22.22.0",
43
43
  "@atlaskit/menu": "^2.12.0",
44
44
  "@atlaskit/modal-dialog": "^12.17.0",
45
45
  "@atlaskit/primitives": "^12.2.0",
46
- "@atlaskit/select": "^18.0.0",
46
+ "@atlaskit/select": "^18.1.0",
47
47
  "@atlaskit/theme": "^13.0.0",
48
48
  "@atlaskit/tokens": "^2.0.0",
49
49
  "@atlaskit/tooltip": "^18.8.0",