@atlaskit/editor-plugin-floating-toolbar 5.1.0 → 5.1.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 5.1.2
+
+### Patch Changes
+
+- [#189903](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189903)
+  [`f5ccd32e607db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f5ccd32e607db) -
+  [ED-28567] Add/remove missing/extra separators in media, table and panel toolbars shown in Jira
+- Updated dependencies
+
+## 5.1.1
+
+### Patch Changes
+
+- [#189045](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189045)
+  [`66b7ad7a0630e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/66b7ad7a0630e) -
+  disable dynamic import for floating toolbar
+
 ## 5.1.0
 
 ### Minor Changes

package/dist/cjs/floatingToolbarPlugin.js

@@ -32,7 +32,7 @@ var _plugin = require("./pm-plugins/toolbar-data/plugin");
 var _pluginKey = require("./pm-plugins/toolbar-data/plugin-key");
 var _utils2 = require("./pm-plugins/utils");
 var _ConfirmationModal = require("./ui/ConfirmationModal");
-var _ToolbarLoader = require("./ui/ToolbarLoader");
+var _Toolbar = _interopRequireDefault(require("./ui/Toolbar"));
 var _utils3 = require("./ui/utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -397,7 +397,7 @@ function ContentComponent(_ref5) {
     providerFactory: providerFactory,
     providers: ['extensionProvider'],
     renderNode: function renderNode(providers) {
-      return /*#__PURE__*/_react.default.createElement(_ToolbarLoader.ToolbarLoader, {
+      return /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
         target: targetRef
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -506,8 +506,6 @@ function floatingToolbarPluginFactory(options) {
     key: pluginKey,
     state: {
       init: function init() {
-        // Use this point to preload the UI
-        _ToolbarLoader.ToolbarLoader.preload();
         return {
           getConfigWithNodeInfo: getConfigWithNodeInfo
         };

package/dist/cjs/ui/DropdownMenu.js

@@ -26,10 +26,6 @@ var menuItemDimensions = exports.menuItemDimensions = {
   width: 175,
   height: 32
 };
-var separatorStylesThin = (0, _react2.css)({
-  background: "var(--ds-border, #091E4224)",
-  height: '1px'
-});
 var headingStyles = (0, _react2.css)({
   padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-100, 8px)")
 });
@@ -86,10 +82,9 @@ var Dropdown = /*#__PURE__*/(0, _react.memo)(function (props) {
         });
       }
       if (item.type === 'separator') {
-        return (0, _react2.jsx)("div", {
-          // eslint-disable-next-line react/no-array-index-key
-          key: idx,
-          css: separatorStylesThin
+        // eslint-disable-next-line react/no-array-index-key
+        return (0, _react2.jsx)(_floatingToolbar.DropdownSeparator, {
+          key: idx
         });
       }
       if (item.type === 'overflow-dropdown-heading') {

package/dist/es2019/floatingToolbarPlugin.js

@@ -21,7 +21,7 @@ import { createPlugin as floatingToolbarDataPluginFactory } from './pm-plugins/t
 import { pluginKey as dataPluginKey } from './pm-plugins/toolbar-data/plugin-key';
 import { findNode } from './pm-plugins/utils';
 import { ConfirmationModal } from './ui/ConfirmationModal';
-import { ToolbarLoader } from './ui/ToolbarLoader';
+import Toolbar from './ui/Toolbar';
 import { consolidateOverflowDropdownItems } from './ui/utils';
 
 // TODO: AFP-2532 - Fix automatic suppressions below
@@ -382,7 +382,7 @@ export function ContentComponent({
     providerFactory: providerFactory,
     providers: ['extensionProvider'],
     renderNode: providers => {
-      return /*#__PURE__*/React.createElement(ToolbarLoader, {
+      return /*#__PURE__*/React.createElement(Toolbar, {
         target: targetRef
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -491,8 +491,6 @@ export function floatingToolbarPluginFactory(options) {
     key: pluginKey,
     state: {
       init: () => {
-        // Use this point to preload the UI
-        ToolbarLoader.preload();
         return {
           getConfigWithNodeInfo
         };

package/dist/es2019/ui/DropdownMenu.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 import { injectIntl } from 'react-intl-next';
-import { DropdownMenuItem } from '@atlaskit/editor-common/floating-toolbar';
+import { DropdownMenuItem, DropdownSeparator } from '@atlaskit/editor-common/floating-toolbar';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { HeadingItem } from '@atlaskit/menu';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -18,10 +18,6 @@ export const menuItemDimensions = {
   width: 175,
   height: 32
 };
-const separatorStylesThin = css({
-  background: "var(--ds-border, #091E4224)",
-  height: '1px'
-});
 const headingStyles = css({
   padding: `${"var(--ds-space-200, 16px)"} 0 ${"var(--ds-space-100, 8px)"}`
 });
@@ -77,10 +73,9 @@ const Dropdown = /*#__PURE__*/memo(props => {
         });
       }
       if (item.type === 'separator') {
-        return jsx("div", {
-          // eslint-disable-next-line react/no-array-index-key
-          key: idx,
-          css: separatorStylesThin
+        // eslint-disable-next-line react/no-array-index-key
+        return jsx(DropdownSeparator, {
+          key: idx
         });
       }
       if (item.type === 'overflow-dropdown-heading') {

package/dist/esm/floatingToolbarPlugin.js

@@ -25,7 +25,7 @@ import { createPlugin as floatingToolbarDataPluginFactory } from './pm-plugins/t
 import { pluginKey as dataPluginKey } from './pm-plugins/toolbar-data/plugin-key';
 import { findNode } from './pm-plugins/utils';
 import { ConfirmationModal } from './ui/ConfirmationModal';
-import { ToolbarLoader } from './ui/ToolbarLoader';
+import Toolbar from './ui/Toolbar';
 import { consolidateOverflowDropdownItems } from './ui/utils';
 
 // TODO: AFP-2532 - Fix automatic suppressions below
@@ -388,7 +388,7 @@ export function ContentComponent(_ref5) {
     providerFactory: providerFactory,
     providers: ['extensionProvider'],
     renderNode: function renderNode(providers) {
-      return /*#__PURE__*/React.createElement(ToolbarLoader, {
+      return /*#__PURE__*/React.createElement(Toolbar, {
         target: targetRef
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -497,8 +497,6 @@ export function floatingToolbarPluginFactory(options) {
     key: pluginKey,
     state: {
       init: function init() {
-        // Use this point to preload the UI
-        ToolbarLoader.preload();
         return {
           getConfigWithNodeInfo: getConfigWithNodeInfo
         };

package/dist/esm/ui/DropdownMenu.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 import { injectIntl } from 'react-intl-next';
-import { DropdownMenuItem } from '@atlaskit/editor-common/floating-toolbar';
+import { DropdownMenuItem, DropdownSeparator } from '@atlaskit/editor-common/floating-toolbar';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { HeadingItem } from '@atlaskit/menu';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -18,10 +18,6 @@ export var menuItemDimensions = {
   width: 175,
   height: 32
 };
-var separatorStylesThin = css({
-  background: "var(--ds-border, #091E4224)",
-  height: '1px'
-});
 var headingStyles = css({
   padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-100, 8px)")
 });
@@ -78,10 +74,9 @@ var Dropdown = /*#__PURE__*/memo(function (props) {
         });
       }
       if (item.type === 'separator') {
-        return jsx("div", {
-          // eslint-disable-next-line react/no-array-index-key
-          key: idx,
-          css: separatorStylesThin
+        // eslint-disable-next-line react/no-array-index-key
+        return jsx(DropdownSeparator, {
+          key: idx
         });
       }
       if (item.type === 'overflow-dropdown-heading') {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "5.1.0",
+	"version": "5.1.2",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,21 +34,21 @@
 		"@atlaskit/editor-plugin-decorations": "^3.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^3.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
-		"@atlaskit/editor-plugin-emoji": "^4.1.0",
+		"@atlaskit/editor-plugin-emoji": "^4.2.0",
 		"@atlaskit/editor-plugin-extension": "^6.1.0",
 		"@atlaskit/editor-plugin-interaction": "^4.0.0",
 		"@atlaskit/editor-plugin-table": "^12.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^27.5.0",
+		"@atlaskit/icon": "^27.6.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.9.0",
+		"@atlaskit/tmp-editor-statsig": "^9.10.0",
 		"@atlaskit/tokens": "^5.6.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -60,7 +60,7 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.9.0",
+		"@atlaskit/editor-common": "^107.12.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},

package/dist/cjs/ui/ToolbarLoader.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToolbarLoader = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var ToolbarLoader = exports.ToolbarLoader = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-core-floating-toolbar" */
-      './Toolbar'));
-    }).then(function (mod) {
-      return mod.default;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});

package/dist/es2019/ui/ToolbarLoader.js

@@ -1,6 +0,0 @@
-import Loadable from 'react-loadable';
-export const ToolbarLoader = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-core-floating-toolbar" */
-  './Toolbar').then(mod => mod.default),
-  loading: () => null
-});

package/dist/esm/ui/ToolbarLoader.js

@@ -1,12 +0,0 @@
-import Loadable from 'react-loadable';
-export var ToolbarLoader = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-core-floating-toolbar" */
-    './Toolbar').then(function (mod) {
-      return mod.default;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import Loadable from 'react-loadable';
-import type { Props } from './Toolbar';
-export declare const ToolbarLoader: import("react").ComponentType<import("react").PropsWithChildren<Props>> & Loadable.LoadableComponent;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import Loadable from 'react-loadable';
-import type { Props } from './Toolbar';
-export declare const ToolbarLoader: import("react").ComponentType<import("react").PropsWithChildren<Props>> & Loadable.LoadableComponent;