@atlaskit/editor-plugin-floating-toolbar 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 1.1.0
+
+### Minor Changes
+
+- [#72122](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72122) [`c3186450404a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3186450404a) - Breaking change:
+
+  ## WHAT?:
+
+  Removing feature flags:
+
+  - singleLayout
+  - newInsertionBehaviour
+  - interactiveExpand
+  - findReplace
+  - findReplaceMatchCase
+  - extendFloatingToolbar
+
+  ## WHY?:
+
+  Because the flags and props are unused/by default active. Removing them will reduce our maintenance burden
+
+  ## HOW to update your code:
+
+  - If you were using the feature flag - the behaviour is now default and you can remove the flags
+  - If you were not using the feature flag - the behaviour is now default.
+  - If you have opted out of using the feature flag - we have been careful to ensure no-one has opted out of the behaviours. If you do have an issue please reach out to #help-editor.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.0.0
 
 ### Major Changes

package/dist/cjs/plugin.js

@@ -185,7 +185,7 @@ var floatingToolbarPlugin = exports.floatingToolbarPlugin = function floatingToo
   };
 };
 function ContentComponent(_ref5) {
-  var _pluginInjectionApi$f, _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
   var pluginInjectionApi = _ref5.pluginInjectionApi,
     editorView = _ref5.editorView,
     popupsMountPoint = _ref5.popupsMountPoint,
@@ -193,7 +193,6 @@ function ContentComponent(_ref5) {
     popupsScrollableElement = _ref5.popupsScrollableElement,
     providerFactory = _ref5.providerFactory,
     dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
-  var featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.featureFlags) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.sharedState.currentState()) || {};
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['floatingToolbar', 'editorDisabled', 'editorViewMode']),
     floatingToolbarState = _useSharedPluginState.floatingToolbarState,
     editorDisabledState = _useSharedPluginState.editorDisabledState,
@@ -314,7 +313,6 @@ function ContentComponent(_ref5) {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         extensionsProvider: providers.extensionProvider,
         scrollable: scrollable,
-        featureFlags: featureFlags,
         api: pluginInjectionApi,
         mediaAssistiveMessage: mediaAssistiveMessage
       });

package/dist/cjs/ui/Toolbar.js

@@ -54,7 +54,6 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
     node = _ref.node,
     setDisableScroll = _ref.setDisableScroll,
     mountRef = _ref.mountRef,
-    featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
   return (0, _react2.jsx)(_buttonGroup.default, null, items.filter(function (item) {
@@ -216,11 +215,6 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        var _ref2 = featureFlags || {},
-          extendFloatingToolbar = _ref2.extendFloatingToolbar;
-        if (!extendFloatingToolbar) {
-          return null;
-        }
         return (0, _react2.jsx)(_ExtensionsPlaceholder.ExtensionsPlaceholder, {
           key: idx,
           node: node,
@@ -298,8 +292,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
   (0, _createClass2.default)(Toolbar, [{
     key: "resetStyling",
-    value: function resetStyling(_ref3) {
-      var table = _ref3.table;
+    value: function resetStyling(_ref2) {
+      var table = _ref2.table;
       if (this.props.editorView) {
         var _this$props$api;
         var _this$props$editorVie2 = this.props.editorView,
@@ -410,8 +404,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       }, (0, _react2.jsx)(ToolbarItems, (0, _extends2.default)({}, this.props, {
         setDisableScroll: this.setDisableScroll.bind(this),
         mountRef: this.mountRef,
-        mounted: this.state.mounted,
-        featureFlags: this.props.featureFlags
+        mounted: this.state.mounted
       }))), scrollable && (0, _react2.jsx)(_ScrollButtons.ScrollButtons, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,

package/dist/es2019/plugin.js

@@ -180,8 +180,7 @@ function ContentComponent({
   providerFactory,
   dispatchAnalyticsEvent
 }) {
-  var _pluginInjectionApi$f, _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
-  const featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.featureFlags) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.sharedState.currentState()) || {};
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
   const {
     floatingToolbarState,
     editorDisabledState,
@@ -299,7 +298,6 @@ function ContentComponent({
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         extensionsProvider: providers.extensionProvider,
         scrollable: scrollable,
-        featureFlags: featureFlags,
         api: pluginInjectionApi,
         mediaAssistiveMessage: mediaAssistiveMessage
       });

package/dist/es2019/ui/Toolbar.js

@@ -36,7 +36,6 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
   node,
   setDisableScroll,
   mountRef,
-  featureFlags,
   api
 }) => {
   const emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
@@ -181,12 +180,6 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        const {
-          extendFloatingToolbar
-        } = featureFlags || {};
-        if (!extendFloatingToolbar) {
-          return null;
-        }
         return jsx(ExtensionsPlaceholder, {
           key: idx,
           node: node,
@@ -406,8 +399,7 @@ class Toolbar extends Component {
     }, jsx(ToolbarItems, _extends({}, this.props, {
       setDisableScroll: this.setDisableScroll.bind(this),
       mountRef: this.mountRef,
-      mounted: this.state.mounted,
-      featureFlags: this.props.featureFlags
+      mounted: this.state.mounted
     }))), scrollable && jsx(ScrollButtons, {
       intl: intl,
       scrollContainerRef: this.scrollContainerRef,

package/dist/esm/plugin.js

@@ -176,7 +176,7 @@ export var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
   };
 };
 function ContentComponent(_ref5) {
-  var _pluginInjectionApi$f, _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
+  var _configWithNodeInfo$c, _configWithNodeInfo$c2, _pluginInjectionApi$c, _pluginInjectionApi$d;
   var pluginInjectionApi = _ref5.pluginInjectionApi,
     editorView = _ref5.editorView,
     popupsMountPoint = _ref5.popupsMountPoint,
@@ -184,7 +184,6 @@ function ContentComponent(_ref5) {
     popupsScrollableElement = _ref5.popupsScrollableElement,
     providerFactory = _ref5.providerFactory,
     dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
-  var featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.featureFlags) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.sharedState.currentState()) || {};
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['floatingToolbar', 'editorDisabled', 'editorViewMode']),
     floatingToolbarState = _useSharedPluginState.floatingToolbarState,
     editorDisabledState = _useSharedPluginState.editorDisabledState,
@@ -305,7 +304,6 @@ function ContentComponent(_ref5) {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         extensionsProvider: providers.extensionProvider,
         scrollable: scrollable,
-        featureFlags: featureFlags,
         api: pluginInjectionApi,
         mediaAssistiveMessage: mediaAssistiveMessage
       });

package/dist/esm/ui/Toolbar.js

@@ -46,7 +46,6 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
     node = _ref.node,
     setDisableScroll = _ref.setDisableScroll,
     mountRef = _ref.mountRef,
-    featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
   return jsx(ButtonGroup, null, items.filter(function (item) {
@@ -208,11 +207,6 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        var _ref2 = featureFlags || {},
-          extendFloatingToolbar = _ref2.extendFloatingToolbar;
-        if (!extendFloatingToolbar) {
-          return null;
-        }
         return jsx(ExtensionsPlaceholder, {
           key: idx,
           node: node,
@@ -290,8 +284,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
   _createClass(Toolbar, [{
     key: "resetStyling",
-    value: function resetStyling(_ref3) {
-      var table = _ref3.table;
+    value: function resetStyling(_ref2) {
+      var table = _ref2.table;
       if (this.props.editorView) {
         var _this$props$api;
         var _this$props$editorVie2 = this.props.editorView,
@@ -402,8 +396,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       }, jsx(ToolbarItems, _extends({}, this.props, {
         setDisableScroll: this.setDisableScroll.bind(this),
         mountRef: this.mountRef,
-        mounted: this.state.mounted,
-        featureFlags: this.props.featureFlags
+        mounted: this.state.mounted
       }))), scrollable && jsx(ScrollButtons, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,

package/dist/types/types.d.ts

@@ -5,7 +5,6 @@ import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 export type ConfigWithNodeInfo = {
@@ -26,7 +25,6 @@ export type ForceFocusSelector = (selector: string | null) => (tr: Transaction)
  */
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: [
-        OptionalPlugin<FeatureFlagsPlugin>,
         DecorationsPlugin,
         OptionalPlugin<ContextPanelPlugin>,
         OptionalPlugin<ExtensionPlugin>,

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

@@ -5,7 +5,7 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import type { Item } from '@atlaskit/editor-common/floating-toolbar';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { FeatureFlags, OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
 import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
@@ -27,7 +27,6 @@ export interface Props {
     node: Node;
     extensionsProvider?: Promise<ExtensionProvider>;
     scrollable?: boolean;
-    featureFlags: FeatureFlags;
     api: PluginInjectionAPIWithDependencies<[
         typeof decorationsPlugin,
         OptionalPlugin<typeof contextPanelPlugin>,

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

@@ -5,7 +5,6 @@ import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 export type ConfigWithNodeInfo = {
@@ -26,7 +25,6 @@ export type ForceFocusSelector = (selector: string | null) => (tr: Transaction)
  */
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: [
-        OptionalPlugin<FeatureFlagsPlugin>,
         DecorationsPlugin,
         OptionalPlugin<ContextPanelPlugin>,
         OptionalPlugin<ExtensionPlugin>,

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

@@ -5,7 +5,7 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import type { Item } from '@atlaskit/editor-common/floating-toolbar';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { FeatureFlags, OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
 import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
@@ -27,7 +27,6 @@ export interface Props {
     node: Node;
     extensionsProvider?: Promise<ExtensionProvider>;
     scrollable?: boolean;
-    featureFlags: FeatureFlags;
     api: PluginInjectionAPIWithDependencies<[
         typeof decorationsPlugin,
         OptionalPlugin<typeof contextPanelPlugin>,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -26,9 +26,9 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.5.1",
     "@atlaskit/adf-utils": "^19.0.0",
-    "@atlaskit/button": "^17.3.0",
+    "@atlaskit/button": "^17.4.0",
     "@atlaskit/checkbox": "^13.0.0",
-    "@atlaskit/editor-common": "^77.4.0",
+    "@atlaskit/editor-common": "^78.0.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-context-panel": "^1.0.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
@@ -36,16 +36,15 @@
     "@atlaskit/editor-plugin-editor-disabled": "^1.0.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.0.0",
     "@atlaskit/editor-plugin-extension": "^1.0.0",
-    "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-plugin-table": "^7.3.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/modal-dialog": "^12.10.0",
-    "@atlaskit/select": "^17.0.3",
+    "@atlaskit/select": "^17.1.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.36.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",