@atlaskit/editor-plugin-floating-toolbar 3.3.1 → 3.3.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 3.3.3
+
+### Patch Changes
+
+- [#132712](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132712)
+  [`03a53eb22fbba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/03a53eb22fbba) -
+  [ED-27288] Hide horizontal scrollbar for floating toolbar in narrow editor (e.g. inline comment)
+- Updated dependencies
+
+## 3.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.3.1
 
 ### Patch Changes

package/dist/cjs/ui/Divider.js

@@ -16,6 +16,7 @@ var styles = (0, _primitives.xcss)({
 var Divider = exports.Divider = function Divider() {
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "hr",
-    xcss: styles
+    xcss: styles,
+    role: "presentation"
   });
 };

package/dist/cjs/ui/Toolbar.js

@@ -465,7 +465,16 @@ var toolbarOverflow = function toolbarOverflow(_ref2) {
   (0, _react2.css)({
     overflow: 'hidden'
   }) :
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  (0, _platformFeatureFlags.fg)('platform_editor_fix_floating_toolbar_scrollbar') ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  (0, _react2.css)({
+    overflowX: 'auto',
+    overflowY: 'hidden',
+    // When scrollable is true, ScrollButtons will be shown, hence we want to hide show default horizontal scrollbar
+    scrollbarWidth: 'none'
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   (0, _react2.css)({
     overflowX: 'auto',
     overflowY: 'hidden'

package/dist/es2019/ui/Divider.js

@@ -8,5 +8,6 @@ const styles = xcss({
 });
 export const Divider = () => /*#__PURE__*/React.createElement(Box, {
   as: "hr",
-  xcss: styles
+  xcss: styles,
+  role: "presentation"
 });

package/dist/es2019/ui/Toolbar.js

@@ -430,7 +430,16 @@ scrollDisabled ?
 css({
   overflow: 'hidden'
 }) :
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+fg('platform_editor_fix_floating_toolbar_scrollbar') ?
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+css({
+  overflowX: 'auto',
+  overflowY: 'hidden',
+  // When scrollable is true, ScrollButtons will be shown, hence we want to hide show default horizontal scrollbar
+  scrollbarWidth: 'none'
+}) :
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
 css({
   overflowX: 'auto',
   overflowY: 'hidden'

package/dist/esm/ui/Divider.js

@@ -9,6 +9,7 @@ var styles = xcss({
 export var Divider = function Divider() {
   return /*#__PURE__*/React.createElement(Box, {
     as: "hr",
-    xcss: styles
+    xcss: styles,
+    role: "presentation"
   });
 };

package/dist/esm/ui/Toolbar.js

@@ -458,7 +458,16 @@ var toolbarOverflow = function toolbarOverflow(_ref2) {
   css({
     overflow: 'hidden'
   }) :
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  fg('platform_editor_fix_floating_toolbar_scrollbar') ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  css({
+    overflowX: 'auto',
+    overflowY: 'hidden',
+    // When scrollable is true, ScrollButtons will be shown, hence we want to hide show default horizontal scrollbar
+    scrollbarWidth: 'none'
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   css({
     overflowX: 'auto',
     overflowY: 'hidden'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "3.3.1",
+	"version": "3.3.3",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -26,11 +26,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-utils": "^19.19.0",
-		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/button": "^22.0.0",
 		"@atlaskit/checkbox": "^17.0.0",
-		"@atlaskit/editor-common": "^102.11.0",
+		"@atlaskit/editor-common": "^102.13.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-block-controls": "^3.3.0",
+		"@atlaskit/editor-plugin-block-controls": "^3.5.0",
 		"@atlaskit/editor-plugin-context-panel": "^4.0.0",
 		"@atlaskit/editor-plugin-copy-button": "^2.0.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
@@ -38,17 +38,17 @@
 		"@atlaskit/editor-plugin-editor-viewmode": "^3.0.0",
 		"@atlaskit/editor-plugin-emoji": "^3.2.0",
 		"@atlaskit/editor-plugin-extension": "^5.0.0",
-		"@atlaskit/editor-plugin-table": "^10.4.0",
+		"@atlaskit/editor-plugin-table": "^10.5.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/emoji": "^69.0.0",
-		"@atlaskit/icon": "^25.0.0",
+		"@atlaskit/icon": "^25.2.0",
 		"@atlaskit/menu": "^3.1.0",
-		"@atlaskit/modal-dialog": "^13.2.0",
+		"@atlaskit/modal-dialog": "^14.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/select": "^20.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.1.0",
+		"@atlaskit/tmp-editor-statsig": "^4.4.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -124,6 +124,9 @@
 		},
 		"forge-ui-macro-autoconvert": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_floating_toolbar_scrollbar": {
+			"type": "boolean"
 		}
 	}
 }