@atlaskit/editor-plugin-floating-toolbar 4.0.2 → 4.0.5

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 4.0.5
+
+### Patch Changes
+
+- [#145321](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/145321)
+  [`2798c91b69bd9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2798c91b69bd9) -
+  [ux] ED-27537 Update dropdown to take in shouldFitContainer prop to fix dropdown content not
+  fitting for layout dropdown and add vr tests
+- Updated dependencies
+
+## 4.0.4
+
+### Patch Changes
+
+- [#145307](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/145307)
+  [`64c485e3d2d32`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/64c485e3d2d32) -
+  [ux] Group AI buttons in Editor floating toolbar
+- Updated dependencies
+
+## 4.0.3
+
+### Patch Changes
+
+- [#142352](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142352)
+  [`05903fde6d94d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05903fde6d94d) -
+  Internal change to use Compiled variant of `@atlaskit/primitives`.
+- [#141455](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141455)
+  [`8a8bd624345b5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8a8bd624345b5) -
+  [ED-27542] Clean up platform_editor_controls_patch_2 used for floating toolbar scroll left/right
+  buttons
+- Updated dependencies
+
 ## 4.0.2
 
 ### Patch Changes

package/dist/cjs/ui/CheckboxModal.js

@@ -13,7 +13,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _checkbox = require("@atlaskit/checkbox");
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
@@ -64,11 +64,11 @@ var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
     testId: testId
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, options === null || options === void 0 ? void 0 : options.message), !!(childrenInfo !== null && childrenInfo !== void 0 && childrenInfo.length) && /*#__PURE__*/_react.default.createElement(ListComponent, {
     nodes: childrenInfo
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
     isChecked: isChecked,

package/dist/cjs/ui/Dropdown.js

@@ -155,7 +155,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         footer = _this$props2.footer,
         onMount = _this$props2.onMount,
         pulse = _this$props2.pulse,
-        spotlightConfig = _this$props2.spotlightConfig;
+        spotlightConfig = _this$props2.spotlightConfig,
+        shouldFitContainer = _this$props2.shouldFitContainer;
       var trigger;
       if (icon) {
         var TriggerIcon = hideExpandIcon ? icon : (0, _react2.jsx)(CompositeIcon, {
@@ -228,7 +229,8 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           alignDropdownWithParentElement: alignDropdownWithToolbar,
           arrowKeyNavigationProviderOptions: {
             type: _uiMenu.ArrowKeyNavigationType.MENU
-          }
+          },
+          shouldFitContainer: shouldFitContainer
         }, Array.isArray(options) ? this.renderArrayOptions(options) : typeof options === 'function' ? this.renderArrayOptions(this.makeArrayOptionsFromCallback(options)) : options.render({
           hide: this.hide,
           dispatchCommand: dispatchCommand

package/dist/cjs/ui/ExpandButton.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExpandButton = ExpandButton;
 var _react = _interopRequireDefault(require("react"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 function ExpandButton() {
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     paddingInline: "space.075"
   }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
     label: 'Edit'

package/dist/cjs/ui/SimpleModal.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
@@ -27,7 +27,7 @@ var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
     testId: testId
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, options === null || options === void 0 ? void 0 : options.message)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "default",

package/dist/cjs/ui/Toolbar.js

@@ -63,6 +63,12 @@ function groupItems(items) {
       } else {
         finalOutput.push(item);
       }
+    } else if (item.type === 'separator' && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_6')) {
+      var _items;
+      var isLeadingSeparator = i === 0;
+      var isTrailingSeparator = i === items.length - 1;
+      var isDuplicateSeparator = ((_items = items[i - 1]) === null || _items === void 0 ? void 0 : _items.type) === 'separator';
+      !isLeadingSeparator && !isTrailingSeparator && !isDuplicateSeparator && finalOutput.push(item);
     } else {
       finalOutput.push(item);
     }
@@ -243,7 +249,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           footer: item.footer,
           onMount: item.onMount,
           onClick: item.onClick,
-          pulse: item.pulse
+          pulse: item.pulse,
+          shouldFitContainer: item.shouldFitContainer
         });
       case 'select':
         if (item.selectType === 'list') {
@@ -334,6 +341,12 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           scrollable: scrollable
         });
       case 'separator':
+        if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_6')) {
+          return item.fullHeight ? (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+            key: idx,
+            fullHeight: true
+          }) : null;
+        }
         return (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
           key: idx,
           fullHeight: item.fullHeight
@@ -651,7 +664,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         scrollable = _this$props2.scrollable,
         mediaAssistiveMessage = _this$props2.mediaAssistiveMessage;
       var isEditorControlsEnabled = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1');
-      var isEditorControlsPatch2Enabled = isEditorControlsEnabled && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_2');
       if (!items || !items.length) {
         return null;
       }
@@ -687,7 +699,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       }, (0, _react2.jsx)(_ui.Announcer, {
         text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer)) : intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer),
         delay: 250
-      }), scrollable && isEditorControlsPatch2Enabled && (0, _react2.jsx)(_ScrollButton.ScrollButton, {
+      }), scrollable && isEditorControlsEnabled && (0, _react2.jsx)(_ScrollButton.ScrollButton, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,
         node: node,
@@ -712,7 +724,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         setDisableScroll: this.setDisableScroll.bind(this),
         mountRef: this.mountRef,
         mounted: this.state.mounted
-      }))), scrollable && (isEditorControlsPatch2Enabled ? (0, _react2.jsx)(_ScrollButton.ScrollButton, {
+      }))), scrollable && (isEditorControlsEnabled ? (0, _react2.jsx)(_ScrollButton.ScrollButton, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,
         node: node,

package/dist/es2019/ui/CheckboxModal.js

@@ -4,7 +4,7 @@ import Button from '@atlaskit/button/new';
 import { Checkbox } from '@atlaskit/checkbox';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 export const CheckboxModal = props => {
   var _options$getChildrenI;
   const [isChecked, setCheckbox] = useState(false);

package/dist/es2019/ui/Dropdown.js

@@ -135,7 +135,8 @@ export default class Dropdown extends Component {
       footer,
       onMount,
       pulse,
-      spotlightConfig
+      spotlightConfig,
+      shouldFitContainer
     } = this.props;
     let trigger;
     if (icon) {
@@ -209,7 +210,8 @@ export default class Dropdown extends Component {
         alignDropdownWithParentElement: alignDropdownWithToolbar,
         arrowKeyNavigationProviderOptions: {
           type: ArrowKeyNavigationType.MENU
-        }
+        },
+        shouldFitContainer: shouldFitContainer
       }, Array.isArray(options) ? this.renderArrayOptions(options) : typeof options === 'function' ? this.renderArrayOptions(this.makeArrayOptionsFromCallback(options)) : options.render({
         hide: this.hide,
         dispatchCommand

package/dist/es2019/ui/ExpandButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Icon from '@atlaskit/icon/utility/chevron-right';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 export function ExpandButton() {
   return /*#__PURE__*/React.createElement(Box, {
     paddingInline: "space.075"

package/dist/es2019/ui/SimpleModal.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Button from '@atlaskit/button/new';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 export const SimpleModal = props => {
   const {
     onConfirm,

package/dist/es2019/ui/Toolbar.js

@@ -51,6 +51,12 @@ export function groupItems(items) {
       } else {
         finalOutput.push(item);
       }
+    } else if (item.type === 'separator' && editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+      var _items;
+      const isLeadingSeparator = i === 0;
+      const isTrailingSeparator = i === items.length - 1;
+      const isDuplicateSeparator = ((_items = items[i - 1]) === null || _items === void 0 ? void 0 : _items.type) === 'separator';
+      !isLeadingSeparator && !isTrailingSeparator && !isDuplicateSeparator && finalOutput.push(item);
     } else {
       finalOutput.push(item);
     }
@@ -220,7 +226,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           footer: item.footer,
           onMount: item.onMount,
           onClick: item.onClick,
-          pulse: item.pulse
+          pulse: item.pulse,
+          shouldFitContainer: item.shouldFitContainer
         });
       case 'select':
         if (item.selectType === 'list') {
@@ -307,6 +314,12 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           scrollable: scrollable
         });
       case 'separator':
+        if (editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+          return item.fullHeight ? jsx(Separator, {
+            key: idx,
+            fullHeight: true
+          }) : null;
+        }
         return jsx(Separator, {
           key: idx,
           fullHeight: item.fullHeight
@@ -605,7 +618,6 @@ class Toolbar extends Component {
       mediaAssistiveMessage
     } = this.props;
     const isEditorControlsEnabled = editorExperiment('platform_editor_controls', 'variant1');
-    const isEditorControlsPatch2Enabled = isEditorControlsEnabled && fg('platform_editor_controls_patch_2');
     if (!items || !items.length) {
       return null;
     }
@@ -637,7 +649,7 @@ class Toolbar extends Component {
     }, jsx(Announcer, {
       text: mediaAssistiveMessage ? `${mediaAssistiveMessage}, ${intl.formatMessage(messages.floatingToolbarAnnouncer)}` : intl.formatMessage(messages.floatingToolbarAnnouncer),
       delay: 250
-    }), scrollable && isEditorControlsPatch2Enabled && jsx(ScrollButton, {
+    }), scrollable && isEditorControlsEnabled && jsx(ScrollButton, {
       intl: intl,
       scrollContainerRef: this.scrollContainerRef,
       node: node,
@@ -662,7 +674,7 @@ class Toolbar extends Component {
       setDisableScroll: this.setDisableScroll.bind(this),
       mountRef: this.mountRef,
       mounted: this.state.mounted
-    }))), scrollable && (isEditorControlsPatch2Enabled ? jsx(ScrollButton, {
+    }))), scrollable && (isEditorControlsEnabled ? jsx(ScrollButton, {
       intl: intl,
       scrollContainerRef: this.scrollContainerRef,
       node: node,

package/dist/esm/ui/CheckboxModal.js

@@ -5,7 +5,7 @@ import Button from '@atlaskit/button/new';
 import { Checkbox } from '@atlaskit/checkbox';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 export var CheckboxModal = function CheckboxModal(props) {
   var _options$getChildrenI;
   var _useState = useState(false),

package/dist/esm/ui/Dropdown.js

@@ -150,7 +150,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         footer = _this$props2.footer,
         onMount = _this$props2.onMount,
         pulse = _this$props2.pulse,
-        spotlightConfig = _this$props2.spotlightConfig;
+        spotlightConfig = _this$props2.spotlightConfig,
+        shouldFitContainer = _this$props2.shouldFitContainer;
       var trigger;
       if (icon) {
         var TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
@@ -223,7 +224,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           alignDropdownWithParentElement: alignDropdownWithToolbar,
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU
-          }
+          },
+          shouldFitContainer: shouldFitContainer
         }, Array.isArray(options) ? this.renderArrayOptions(options) : typeof options === 'function' ? this.renderArrayOptions(this.makeArrayOptionsFromCallback(options)) : options.render({
           hide: this.hide,
           dispatchCommand: dispatchCommand

package/dist/esm/ui/ExpandButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Icon from '@atlaskit/icon/utility/chevron-right';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 export function ExpandButton() {
   return /*#__PURE__*/React.createElement(Box, {
     paddingInline: "space.075"

package/dist/esm/ui/SimpleModal.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Button from '@atlaskit/button/new';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 export var SimpleModal = function SimpleModal(props) {
   var onConfirm = props.onConfirm,
     onClose = props.onClose,

package/dist/esm/ui/Toolbar.js

@@ -56,6 +56,12 @@ export function groupItems(items) {
       } else {
         finalOutput.push(item);
       }
+    } else if (item.type === 'separator' && editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+      var _items;
+      var isLeadingSeparator = i === 0;
+      var isTrailingSeparator = i === items.length - 1;
+      var isDuplicateSeparator = ((_items = items[i - 1]) === null || _items === void 0 ? void 0 : _items.type) === 'separator';
+      !isLeadingSeparator && !isTrailingSeparator && !isDuplicateSeparator && finalOutput.push(item);
     } else {
       finalOutput.push(item);
     }
@@ -236,7 +242,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           footer: item.footer,
           onMount: item.onMount,
           onClick: item.onClick,
-          pulse: item.pulse
+          pulse: item.pulse,
+          shouldFitContainer: item.shouldFitContainer
         });
       case 'select':
         if (item.selectType === 'list') {
@@ -327,6 +334,12 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           scrollable: scrollable
         });
       case 'separator':
+        if (editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+          return item.fullHeight ? jsx(Separator, {
+            key: idx,
+            fullHeight: true
+          }) : null;
+        }
         return jsx(Separator, {
           key: idx,
           fullHeight: item.fullHeight
@@ -644,7 +657,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         scrollable = _this$props2.scrollable,
         mediaAssistiveMessage = _this$props2.mediaAssistiveMessage;
       var isEditorControlsEnabled = editorExperiment('platform_editor_controls', 'variant1');
-      var isEditorControlsPatch2Enabled = isEditorControlsEnabled && fg('platform_editor_controls_patch_2');
       if (!items || !items.length) {
         return null;
       }
@@ -680,7 +692,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       }, jsx(Announcer, {
         text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(messages.floatingToolbarAnnouncer)) : intl.formatMessage(messages.floatingToolbarAnnouncer),
         delay: 250
-      }), scrollable && isEditorControlsPatch2Enabled && jsx(ScrollButton, {
+      }), scrollable && isEditorControlsEnabled && jsx(ScrollButton, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,
         node: node,
@@ -705,7 +717,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         setDisableScroll: this.setDisableScroll.bind(this),
         mountRef: this.mountRef,
         mounted: this.state.mounted
-      }))), scrollable && (isEditorControlsPatch2Enabled ? jsx(ScrollButton, {
+      }))), scrollable && (isEditorControlsEnabled ? jsx(ScrollButton, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,
         node: node,

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

@@ -35,6 +35,7 @@ export interface Props {
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
     spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
+    shouldFitContainer?: boolean;
 }
 export interface State {
     isOpen: boolean;

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

@@ -30,6 +30,7 @@ export interface Props {
     scrollable?: boolean;
     api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
     mediaAssistiveMessage?: string;
+    shouldFitContainer?: boolean;
 }
 type GroupedItems = (Item | Item[])[];
 export declare function groupItems(items: Item[]): GroupedItems;

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

@@ -35,6 +35,7 @@ export interface Props {
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
     spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
+    shouldFitContainer?: boolean;
 }
 export interface State {
     isOpen: boolean;

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

@@ -30,6 +30,7 @@ export interface Props {
     scrollable?: boolean;
     api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
     mediaAssistiveMessage?: string;
+    shouldFitContainer?: boolean;
 }
 type GroupedItems = (Item | Item[])[];
 export declare function groupItems(items: Item[]): GroupedItems;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "4.0.2",
+	"version": "4.0.5",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,8 +27,8 @@
 	"dependencies": {
 		"@atlaskit/adf-utils": "^19.19.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/checkbox": "^17.0.0",
-		"@atlaskit/editor-common": "^103.11.0",
+		"@atlaskit/checkbox": "^17.1.0",
+		"@atlaskit/editor-common": "^103.15.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-context-panel": "^4.0.0",
 		"@atlaskit/editor-plugin-copy-button": "^2.0.0",
@@ -38,18 +38,18 @@
 		"@atlaskit/editor-plugin-emoji": "^3.6.0",
 		"@atlaskit/editor-plugin-extension": "^5.2.0",
 		"@atlaskit/editor-plugin-interaction": "^1.0.0",
-		"@atlaskit/editor-plugin-table": "^10.8.0",
+		"@atlaskit/editor-plugin-table": "^10.9.0",
 		"@atlaskit/editor-plugin-user-intent": "^0.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/emoji": "^69.0.0",
+		"@atlaskit/emoji": "^69.1.0",
 		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/menu": "^3.2.0",
 		"@atlaskit/modal-dialog": "^14.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.4.0",
-		"@atlaskit/select": "^20.3.0",
+		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.12.0",
+		"@atlaskit/tmp-editor-statsig": "^4.13.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -133,9 +133,6 @@
 		"platform_editor_fix_floating_toolbar_scrollbar": {
 			"type": "boolean"
 		},
-		"platform_editor_controls_patch_2": {
-			"type": "boolean"
-		},
 		"platform_editor_controls_patch_4": {
 			"type": "boolean"
 		},
@@ -144,6 +141,9 @@
 		},
 		"platform_editor_user_intent_plugin": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_6": {
+			"type": "boolean"
 		}
 	}
 }