@atlaskit/editor-plugin-floating-toolbar 1.19.0 → 1.20.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 1.20.0
+
+### Minor Changes
+
+- [#117197](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117197)
+  [`d6202c120a039`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d6202c120a039) -
+  Remove @atlaskit/heading import which broke previous versions, replace with HeadingItem
+
 ## 1.19.0
 
 ### Minor Changes

package/dist/cjs/ui/DropdownMenu.js

@@ -10,7 +10,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 var _menu = require("@atlaskit/menu");
 var _colors = require("@atlaskit/theme/colors");
@@ -41,6 +40,9 @@ var separatorStyles = (0, _react2.css)({
   background: "var(--ds-border, #091E4224)",
   height: "var(--ds-space-025, 1px)"
 });
+var headingStyles = (0, _react2.css)({
+  padding: "var(--ds-space-100, 8px)".concat(" 0")
+});
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 var menuContainerStyles = (0, _react2.css)({
@@ -268,17 +270,10 @@ var Dropdown = /*#__PURE__*/(0, _react.memo)(function (props) {
         });
       }
       if (item.type === 'overflow-dropdown-heading') {
-        return (
-          // eslint-disable-next-line react/no-array-index-key, @atlaskit/ui-styling-standard/enforce-style-prop
-          (0, _react2.jsx)("div", {
-            key: idx,
-            style: {
-              padding: '10px'
-            }
-          }, (0, _react2.jsx)(_heading.default, {
-            size: "xxsmall"
-          }, item.title))
-        );
+        return (0, _react2.jsx)("div", {
+          key: item.title,
+          css: headingStyles
+        }, (0, _react2.jsx)(_menu.HeadingItem, null, item.title));
       }
     }));
   }

package/dist/es2019/ui/DropdownMenu.js

@@ -10,9 +10,8 @@ import { css, jsx } from '@emotion/react';
 
 import { injectIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
-import Heading from '@atlaskit/heading';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
-import { ButtonItem } from '@atlaskit/menu';
+import { ButtonItem, HeadingItem } from '@atlaskit/menu';
 import { B400 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
@@ -31,6 +30,9 @@ const separatorStyles = css({
   background: "var(--ds-border, #091E4224)",
   height: "var(--ds-space-025, 1px)"
 });
+const headingStyles = css({
+  padding: `${"var(--ds-space-100, 8px)"} 0`
+});
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 const menuContainerStyles = css({
@@ -259,17 +261,10 @@ const Dropdown = /*#__PURE__*/memo(props => {
         });
       }
       if (item.type === 'overflow-dropdown-heading') {
-        return (
-          // eslint-disable-next-line react/no-array-index-key, @atlaskit/ui-styling-standard/enforce-style-prop
-          jsx("div", {
-            key: idx,
-            style: {
-              padding: '10px'
-            }
-          }, jsx(Heading, {
-            size: "xxsmall"
-          }, item.title))
-        );
+        return jsx("div", {
+          key: item.title,
+          css: headingStyles
+        }, jsx(HeadingItem, null, item.title));
       }
     }));
   }

package/dist/esm/ui/DropdownMenu.js

@@ -11,9 +11,8 @@ import { css, jsx } from '@emotion/react';
 
 import { injectIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
-import Heading from '@atlaskit/heading';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
-import { ButtonItem } from '@atlaskit/menu';
+import { ButtonItem, HeadingItem } from '@atlaskit/menu';
 import { B400 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
@@ -32,6 +31,9 @@ var separatorStyles = css({
   background: "var(--ds-border, #091E4224)",
   height: "var(--ds-space-025, 1px)"
 });
+var headingStyles = css({
+  padding: "var(--ds-space-100, 8px)".concat(" 0")
+});
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 var menuContainerStyles = css({
@@ -259,17 +261,10 @@ var Dropdown = /*#__PURE__*/memo(function (props) {
         });
       }
       if (item.type === 'overflow-dropdown-heading') {
-        return (
-          // eslint-disable-next-line react/no-array-index-key, @atlaskit/ui-styling-standard/enforce-style-prop
-          jsx("div", {
-            key: idx,
-            style: {
-              padding: '10px'
-            }
-          }, jsx(Heading, {
-            size: "xxsmall"
-          }, item.title))
-        );
+        return jsx("div", {
+          key: item.title,
+          css: headingStyles
+        }, jsx(HeadingItem, null, item.title));
       }
     }));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "1.19.0",
+	"version": "1.20.0",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",