@atlaskit/editor-plugin-floating-toolbar 1.13.8 → 1.13.10

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 1.13.10
+
+### Patch Changes
+
+- [#150384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150384)
+  [`d3dad252dbe46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d3dad252dbe46) -
+  [EDF-1177](https://product-fabric.atlassian.net/browse/EDF-1177) - add pulse effect support into
+  editor floating toolbar
+
+## 1.13.9
+
+### Patch Changes
+
+- [#150050](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150050)
+  [`b846e550df2ac`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b846e550df2ac) -
+  update logic for supportsViewMode in floating toolbar plugin to handle all toolbar item types
+
 ## 1.13.8
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -188,7 +188,7 @@ var floatingToolbarPlugin = exports.floatingToolbarPlugin = function floatingToo
   };
 };
 function ContentComponent(_ref5) {
-  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _items, _pluginInjectionApi$c, _pluginInjectionApi$d;
   var pluginInjectionApi = _ref5.pluginInjectionApi,
     editorView = _ref5.editorView,
     popupsMountPoint = _ref5.popupsMountPoint,
@@ -252,7 +252,7 @@ function ContentComponent(_ref5) {
   // TODO: MODES-3950 Update this view mode specific logic once we refactor view mode.
   //       We should inverse the responsibility here: A blacklist for toolbar items in view mode, rather than this white list.
   //       Also consider moving this logic to the more specific toolbar plugins (media and selection).
-  var iterableItems = Array.isArray(items) ? items : [];
+  var iterableItems = Array.isArray(items) ? items : (_items = items) === null || _items === void 0 ? void 0 : _items(node);
   if (isInViewMode) {
     // Typescript note: Not all toolbar item types have the `supportsViewMode` prop.
     var toolbarItemViewModeProp = 'supportsViewMode';

package/dist/cjs/ui/Dropdown.js

@@ -140,7 +140,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         dropdownWidth = _this$props2.dropdownWidth,
         dropdownListId = _this$props2.dropdownListId,
         alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar,
-        footer = _this$props2.footer;
+        footer = _this$props2.footer,
+        pulse = _this$props2.pulse;
       var trigger;
       if (icon) {
         var TriggerIcon = hideExpandIcon ? icon : (0, _react2.jsx)(CompositeIcon, {
@@ -154,7 +155,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           onKeyDown: this.toggleOpenByKeyboard,
           selected: isOpen,
           disabled: disabled,
-          tooltipContent: tooltip
+          tooltipContent: tooltip,
+          pulse: pulse
         });
       } else {
         trigger = (0, _react2.jsx)(_ui.FloatingToolbarButton, {
@@ -171,7 +173,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           disabled: disabled,
           tooltipContent: tooltip,
           ariaHasPopup: true,
-          areaControls: dropdownListId
+          areaControls: dropdownListId,
+          pulse: pulse
         }, title);
       }
 

package/dist/cjs/ui/Toolbar.js

@@ -135,7 +135,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           hideTooltipOnClick: item.hideTooltipOnClick,
           ariaHasPopup: item.ariaHasPopup,
           tabIndex: item.tabIndex,
-          isRadioButton: item.isRadioButton
+          isRadioButton: item.isRadioButton,
+          pulse: item.pulse
         }, item.showTitle && item.title);
       case 'input':
         return (0, _react2.jsx)(_Input.default, {
@@ -183,7 +184,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
           alignDropdownWithToolbar: items.length === 1,
           onToggle: item.onToggle,
-          footer: item.footer
+          footer: item.footer,
+          pulse: item.pulse
         });
       case 'select':
         if (item.selectType === 'list') {

package/dist/es2019/plugin.js

@@ -180,7 +180,7 @@ export function ContentComponent({
   providerFactory,
   dispatchAnalyticsEvent
 }) {
-  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _items, _pluginInjectionApi$c, _pluginInjectionApi$d;
   const {
     floatingToolbarState,
     editorDisabledState,
@@ -238,7 +238,7 @@ export function ContentComponent({
   // TODO: MODES-3950 Update this view mode specific logic once we refactor view mode.
   //       We should inverse the responsibility here: A blacklist for toolbar items in view mode, rather than this white list.
   //       Also consider moving this logic to the more specific toolbar plugins (media and selection).
-  const iterableItems = Array.isArray(items) ? items : [];
+  const iterableItems = Array.isArray(items) ? items : (_items = items) === null || _items === void 0 ? void 0 : _items(node);
   if (isInViewMode) {
     // Typescript note: Not all toolbar item types have the `supportsViewMode` prop.
     const toolbarItemViewModeProp = 'supportsViewMode';

package/dist/es2019/ui/Dropdown.js

@@ -118,7 +118,8 @@ export default class Dropdown extends Component {
       dropdownWidth,
       dropdownListId,
       alignDropdownWithToolbar,
-      footer
+      footer,
+      pulse
     } = this.props;
     let trigger;
     if (icon) {
@@ -133,7 +134,8 @@ export default class Dropdown extends Component {
         onKeyDown: this.toggleOpenByKeyboard,
         selected: isOpen,
         disabled: disabled,
-        tooltipContent: tooltip
+        tooltipContent: tooltip,
+        pulse: pulse
       });
     } else {
       trigger = jsx(Button, {
@@ -150,7 +152,8 @@ export default class Dropdown extends Component {
         disabled: disabled,
         tooltipContent: tooltip,
         ariaHasPopup: true,
-        areaControls: dropdownListId
+        areaControls: dropdownListId,
+        pulse: pulse
       }, title);
     }
 

package/dist/es2019/ui/Toolbar.js

@@ -115,7 +115,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           hideTooltipOnClick: item.hideTooltipOnClick,
           ariaHasPopup: item.ariaHasPopup,
           tabIndex: item.tabIndex,
-          isRadioButton: item.isRadioButton
+          isRadioButton: item.isRadioButton,
+          pulse: item.pulse
         }, item.showTitle && item.title);
       case 'input':
         return jsx(Input, {
@@ -159,7 +160,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && `${item.id}-dropdownList`,
           alignDropdownWithToolbar: items.length === 1,
           onToggle: item.onToggle,
-          footer: item.footer
+          footer: item.footer,
+          pulse: item.pulse
         });
       case 'select':
         if (item.selectType === 'list') {

package/dist/esm/plugin.js

@@ -176,7 +176,7 @@ export var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
   };
 };
 export function ContentComponent(_ref5) {
-  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _items, _pluginInjectionApi$c, _pluginInjectionApi$d;
   var pluginInjectionApi = _ref5.pluginInjectionApi,
     editorView = _ref5.editorView,
     popupsMountPoint = _ref5.popupsMountPoint,
@@ -240,7 +240,7 @@ export function ContentComponent(_ref5) {
   // TODO: MODES-3950 Update this view mode specific logic once we refactor view mode.
   //       We should inverse the responsibility here: A blacklist for toolbar items in view mode, rather than this white list.
   //       Also consider moving this logic to the more specific toolbar plugins (media and selection).
-  var iterableItems = Array.isArray(items) ? items : [];
+  var iterableItems = Array.isArray(items) ? items : (_items = items) === null || _items === void 0 ? void 0 : _items(node);
   if (isInViewMode) {
     // Typescript note: Not all toolbar item types have the `supportsViewMode` prop.
     var toolbarItemViewModeProp = 'supportsViewMode';

package/dist/esm/ui/Dropdown.js

@@ -135,7 +135,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         dropdownWidth = _this$props2.dropdownWidth,
         dropdownListId = _this$props2.dropdownListId,
         alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar,
-        footer = _this$props2.footer;
+        footer = _this$props2.footer,
+        pulse = _this$props2.pulse;
       var trigger;
       if (icon) {
         var TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
@@ -149,7 +150,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           onKeyDown: this.toggleOpenByKeyboard,
           selected: isOpen,
           disabled: disabled,
-          tooltipContent: tooltip
+          tooltipContent: tooltip,
+          pulse: pulse
         });
       } else {
         trigger = jsx(Button, {
@@ -166,7 +168,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           disabled: disabled,
           tooltipContent: tooltip,
           ariaHasPopup: true,
-          areaControls: dropdownListId
+          areaControls: dropdownListId,
+          pulse: pulse
         }, title);
       }
 

package/dist/esm/ui/Toolbar.js

@@ -128,7 +128,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           hideTooltipOnClick: item.hideTooltipOnClick,
           ariaHasPopup: item.ariaHasPopup,
           tabIndex: item.tabIndex,
-          isRadioButton: item.isRadioButton
+          isRadioButton: item.isRadioButton,
+          pulse: item.pulse
         }, item.showTitle && item.title);
       case 'input':
         return jsx(Input, {
@@ -176,7 +177,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
           alignDropdownWithToolbar: items.length === 1,
           onToggle: item.onToggle,
-          footer: item.footer
+          footer: item.footer,
+          pulse: item.pulse
         });
       case 'select':
         if (item.selectType === 'list') {

package/dist/types/ui/Dropdown.d.ts

@@ -30,6 +30,8 @@ export interface Props {
     alignDropdownWithToolbar?: boolean;
     onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
     footer?: React.ReactNode;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 }
 export interface State {
     isOpen: boolean;

package/dist/types-ts4.5/ui/Dropdown.d.ts

@@ -30,6 +30,8 @@ export interface Props {
     alignDropdownWithToolbar?: boolean;
     onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
     footer?: React.ReactNode;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 }
 export interface State {
     isOpen: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "1.13.8",
+	"version": "1.13.10",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/editor-plugin-table": "^7.28.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/emoji": "^67.8.0",
-		"@atlaskit/icon": "^22.20.0",
+		"@atlaskit/icon": "^22.22.0",
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/primitives": "^12.2.0",