@atlaskit/editor-plugin-insert-block 3.1.0 → 3.1.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 3.1.2
+
+### Patch Changes
+
+- [#132166](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132166)
+  [`e1c6dcf47a8a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e1c6dcf47a8a2) -
+  ED-24538 Clean up platform_editor_basic_text_transformations
+- Updated dependencies
+
+## 3.1.1
+
+### Patch Changes
+
+- [#128664](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128664)
+  [`abca3266336d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abca3266336d9) -
+  [ED-23250] Remove form element from MediaFromUrl and consolidate experiments and feature flags in
+  prepartion for jira release
+- Updated dependencies
+
 ## 3.1.0
 
 ### Minor Changes

package/dist/cjs/insertBlockPlugin.js

@@ -10,21 +10,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _elementBrowser = require("@atlaskit/editor-common/element-browser");
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _insert = require("@atlaskit/editor-common/insert");
-var _messages = require("@atlaskit/editor-common/messages");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _types = require("@atlaskit/editor-common/types");
-var _utils = require("@atlaskit/editor-common/utils");
 var _consts = require("@atlaskit/editor-plugin-block-type/consts");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _elementBrowser2 = require("./pm-plugins/elementBrowser");
 var _toggleInsertBlock = require("./pm-plugins/toggleInsertBlock");
-var _switch = _interopRequireDefault(require("./ui/assets/switch"));
 var _ElementRail = require("./ui/ElementRail");
 var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
-var _transformOptions = require("./ui/transformOptions");
 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; }
 // Ignored via go/ees005
@@ -229,65 +224,7 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
       });
       return plugins;
     },
-    pluginsOptions: {
-      // This is added for basic text transformations experiment.
-      // This may not be the most ideal plugin to add this to, but it is suitable for experiment purpose
-      // as relevant plugin dependencies are already set up.
-      // If we decide to ship the feature, we will consider a separate plugin if needed.
-      // Experiment one-pager: https://hello.atlassian.net/wiki/spaces/ETM/pages/3931754727/Experiment+Elements+Basic+Text+Transformations
-      selectionToolbar: function selectionToolbar(state, intl) {
-        var _api$featureFlags;
-        var isEligible = // basicTextTransformations is used to present AI enablement status to avoid adding editor props
-        api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 || (_api$featureFlags = _api$featureFlags.sharedState.currentState()) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.basicTextTransformations;
-        if (!isEligible) {
-          return;
-        }
-        if ((0, _experiments.editorExperiment)('basic-text-transformations', true, {
-          exposure: true
-        })) {
-          var formatMessage = intl.formatMessage;
-          var _options = (0, _transformOptions.transformationOptions)(api, state.schema).map(function (option) {
-            var canWrap;
-            if (option.type.name === 'codeBlock') {
-              var _$from$node;
-              var $from = state.selection.$from;
-              var grandParentNodeType = (_$from$node = $from.node(-1)) === null || _$from$node === void 0 ? void 0 : _$from$node.type;
-              var parentNodeType = $from.parent.type;
-              canWrap = (0, _insert.shouldSplitSelectedNodeOnNodeInsertion)({
-                parentNodeType: parentNodeType,
-                grandParentNodeType: grandParentNodeType,
-                content: option.type.createAndFill()
-              }) && (0, _insert.contentAllowedInCodeBlock)(state);
-            } else {
-              canWrap = !!(0, _utils.getWrappingOptions)(state, option.type).wrapping;
-            }
-            var IconBefore = option.icon;
-            return {
-              title: formatMessage(option.title),
-              icon: /*#__PURE__*/_react.default.createElement(IconBefore, {
-                label: "",
-                disabled: !canWrap
-              }),
-              disabled: !canWrap,
-              onClick: function onClick(state, dispatch) {
-                var _option$command;
-                (_option$command = option.command) === null || _option$command === void 0 || _option$command.call(option, _analytics.INPUT_METHOD.FLOATING_TB)(state, dispatch);
-                return true;
-              }
-            };
-          });
-          return {
-            items: [{
-              type: 'dropdown',
-              title: formatMessage(_messages.toolbarInsertBlockMessages.turnInto),
-              iconBefore: _switch.default,
-              options: _options
-            }],
-            rank: -9
-          };
-        }
-      }
-    },
+    pluginsOptions: {},
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
   if (
@@ -350,7 +287,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     if (!mediaState) {
       return;
     }
-    if ((0, _experiments.editorExperiment)('add-media-from-url', true)) {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_add_media_from_url_rollout')) {
       var _pluginInjectionApi$c, _pluginInjectionApi$m;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.mediaInsert) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.commands.showMediaInsertPopup(mountInfo));
     } else {

package/dist/cjs/ui/ToolbarInsertBlock/index.js

@@ -409,7 +409,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           dispatchAnalyticsEvent({
             action: _analytics.ACTION.OPENED,
             actionSubject: _analytics.ACTION_SUBJECT.PICKER,
-            actionSubjectId: (0, _experiments.editorExperiment)('add-media-from-url', true) ? _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA : _analytics.ACTION_SUBJECT_ID.PICKER_CLOUD,
+            actionSubjectId: (0, _platformFeatureFlags.fg)('platform_editor_add_media_from_url_rollout') ? _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA : _analytics.ACTION_SUBJECT_ID.PICKER_CLOUD,
             attributes: {
               inputMethod: inputMethod
             },

package/dist/es2019/insertBlockPlugin.js

@@ -2,23 +2,18 @@ import React, { useEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
-import { getWrappingOptions } from '@atlaskit/editor-common/utils';
 import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { elementBrowserPmKey, elementBrowserPmPlugin } from './pm-plugins/elementBrowser';
 import { toggleInsertBlockPmKey, toggleInsertBlockPmPlugin } from './pm-plugins/toggleInsertBlock';
-import SwitchIcon from './ui/assets/switch';
 import { InsertMenuRail } from './ui/ElementRail';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
-import { transformationOptions } from './ui/transformOptions';
 export const toolbarSizeToButtons = (toolbarSize, appearance) => {
   // Different button numbers for full-page to better match full page toolbar breakpoints
   if (appearance === 'full-page' && fg('platform_editor_toolbar_responsive_fixes')) {
@@ -210,69 +205,7 @@ export const insertBlockPlugin = ({
       });
       return plugins;
     },
-    pluginsOptions: {
-      // This is added for basic text transformations experiment.
-      // This may not be the most ideal plugin to add this to, but it is suitable for experiment purpose
-      // as relevant plugin dependencies are already set up.
-      // If we decide to ship the feature, we will consider a separate plugin if needed.
-      // Experiment one-pager: https://hello.atlassian.net/wiki/spaces/ETM/pages/3931754727/Experiment+Elements+Basic+Text+Transformations
-      selectionToolbar: (state, intl) => {
-        var _api$featureFlags, _api$featureFlags$sha;
-        const isEligible = // basicTextTransformations is used to present AI enablement status to avoid adding editor props
-        api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : (_api$featureFlags$sha = _api$featureFlags.sharedState.currentState()) === null || _api$featureFlags$sha === void 0 ? void 0 : _api$featureFlags$sha.basicTextTransformations;
-        if (!isEligible) {
-          return;
-        }
-        if (editorExperiment('basic-text-transformations', true, {
-          exposure: true
-        })) {
-          const {
-            formatMessage
-          } = intl;
-          const options = transformationOptions(api, state.schema).map(option => {
-            let canWrap;
-            if (option.type.name === 'codeBlock') {
-              var _$from$node;
-              const {
-                $from
-              } = state.selection;
-              const grandParentNodeType = (_$from$node = $from.node(-1)) === null || _$from$node === void 0 ? void 0 : _$from$node.type;
-              const parentNodeType = $from.parent.type;
-              canWrap = shouldSplitSelectedNodeOnNodeInsertion({
-                parentNodeType,
-                grandParentNodeType,
-                content: option.type.createAndFill()
-              }) && contentAllowedInCodeBlock(state);
-            } else {
-              canWrap = !!getWrappingOptions(state, option.type).wrapping;
-            }
-            const IconBefore = option.icon;
-            return {
-              title: formatMessage(option.title),
-              icon: /*#__PURE__*/React.createElement(IconBefore, {
-                label: "",
-                disabled: !canWrap
-              }),
-              disabled: !canWrap,
-              onClick: (state, dispatch) => {
-                var _option$command;
-                (_option$command = option.command) === null || _option$command === void 0 ? void 0 : _option$command.call(option, INPUT_METHOD.FLOATING_TB)(state, dispatch);
-                return true;
-              }
-            };
-          });
-          return {
-            items: [{
-              type: 'dropdown',
-              title: formatMessage(messages.turnInto),
-              iconBefore: SwitchIcon,
-              options
-            }],
-            rank: -9
-          };
-        }
-      }
-    },
+    pluginsOptions: {},
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
   if (
@@ -337,7 +270,7 @@ function ToolbarInsertBlockWithInjectionApi({
     if (!mediaState) {
       return;
     }
-    if (editorExperiment('add-media-from-url', true)) {
+    if (fg('platform_editor_add_media_from_url_rollout')) {
       var _pluginInjectionApi$c, _pluginInjectionApi$m;
       pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.mediaInsert) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.commands.showMediaInsertPopup(mountInfo));
     } else {

package/dist/es2019/ui/ToolbarInsertBlock/index.js

@@ -432,7 +432,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
           dispatchAnalyticsEvent({
             action: ACTION.OPENED,
             actionSubject: ACTION_SUBJECT.PICKER,
-            actionSubjectId: editorExperiment('add-media-from-url', true) ? ACTION_SUBJECT_ID.PICKER_MEDIA : ACTION_SUBJECT_ID.PICKER_CLOUD,
+            actionSubjectId: fg('platform_editor_add_media_from_url_rollout') ? ACTION_SUBJECT_ID.PICKER_MEDIA : ACTION_SUBJECT_ID.PICKER_CLOUD,
             attributes: {
               inputMethod
             },

package/dist/esm/insertBlockPlugin.js

@@ -2,23 +2,18 @@ import React, { useEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
-import { getWrappingOptions } from '@atlaskit/editor-common/utils';
 import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { elementBrowserPmKey, elementBrowserPmPlugin } from './pm-plugins/elementBrowser';
 import { toggleInsertBlockPmKey, toggleInsertBlockPmPlugin } from './pm-plugins/toggleInsertBlock';
-import SwitchIcon from './ui/assets/switch';
 import { InsertMenuRail } from './ui/ElementRail';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
-import { transformationOptions } from './ui/transformOptions';
 export var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize, appearance) {
   // Different button numbers for full-page to better match full page toolbar breakpoints
   if (appearance === 'full-page' && fg('platform_editor_toolbar_responsive_fixes')) {
@@ -218,65 +213,7 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
       });
       return plugins;
     },
-    pluginsOptions: {
-      // This is added for basic text transformations experiment.
-      // This may not be the most ideal plugin to add this to, but it is suitable for experiment purpose
-      // as relevant plugin dependencies are already set up.
-      // If we decide to ship the feature, we will consider a separate plugin if needed.
-      // Experiment one-pager: https://hello.atlassian.net/wiki/spaces/ETM/pages/3931754727/Experiment+Elements+Basic+Text+Transformations
-      selectionToolbar: function selectionToolbar(state, intl) {
-        var _api$featureFlags;
-        var isEligible = // basicTextTransformations is used to present AI enablement status to avoid adding editor props
-        api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 || (_api$featureFlags = _api$featureFlags.sharedState.currentState()) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.basicTextTransformations;
-        if (!isEligible) {
-          return;
-        }
-        if (editorExperiment('basic-text-transformations', true, {
-          exposure: true
-        })) {
-          var formatMessage = intl.formatMessage;
-          var _options = transformationOptions(api, state.schema).map(function (option) {
-            var canWrap;
-            if (option.type.name === 'codeBlock') {
-              var _$from$node;
-              var $from = state.selection.$from;
-              var grandParentNodeType = (_$from$node = $from.node(-1)) === null || _$from$node === void 0 ? void 0 : _$from$node.type;
-              var parentNodeType = $from.parent.type;
-              canWrap = shouldSplitSelectedNodeOnNodeInsertion({
-                parentNodeType: parentNodeType,
-                grandParentNodeType: grandParentNodeType,
-                content: option.type.createAndFill()
-              }) && contentAllowedInCodeBlock(state);
-            } else {
-              canWrap = !!getWrappingOptions(state, option.type).wrapping;
-            }
-            var IconBefore = option.icon;
-            return {
-              title: formatMessage(option.title),
-              icon: /*#__PURE__*/React.createElement(IconBefore, {
-                label: "",
-                disabled: !canWrap
-              }),
-              disabled: !canWrap,
-              onClick: function onClick(state, dispatch) {
-                var _option$command;
-                (_option$command = option.command) === null || _option$command === void 0 || _option$command.call(option, INPUT_METHOD.FLOATING_TB)(state, dispatch);
-                return true;
-              }
-            };
-          });
-          return {
-            items: [{
-              type: 'dropdown',
-              title: formatMessage(messages.turnInto),
-              iconBefore: SwitchIcon,
-              options: _options
-            }],
-            rank: -9
-          };
-        }
-      }
-    },
+    pluginsOptions: {},
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
   if (
@@ -339,7 +276,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     if (!mediaState) {
       return;
     }
-    if (editorExperiment('add-media-from-url', true)) {
+    if (fg('platform_editor_add_media_from_url_rollout')) {
       var _pluginInjectionApi$c, _pluginInjectionApi$m;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.mediaInsert) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.commands.showMediaInsertPopup(mountInfo));
     } else {

package/dist/esm/ui/ToolbarInsertBlock/index.js

@@ -403,7 +403,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           dispatchAnalyticsEvent({
             action: ACTION.OPENED,
             actionSubject: ACTION_SUBJECT.PICKER,
-            actionSubjectId: editorExperiment('add-media-from-url', true) ? ACTION_SUBJECT_ID.PICKER_MEDIA : ACTION_SUBJECT_ID.PICKER_CLOUD,
+            actionSubjectId: fg('platform_editor_add_media_from_url_rollout') ? ACTION_SUBJECT_ID.PICKER_MEDIA : ACTION_SUBJECT_ID.PICKER_CLOUD,
             attributes: {
               inputMethod: inputMethod
             },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "3.1.0",
+	"version": "3.1.2",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/editor-plugin-image-upload": "^2.0.0",
 		"@atlaskit/editor-plugin-layout": "^2.3.0",
 		"@atlaskit/editor-plugin-media": "^2.3.0",
-		"@atlaskit/editor-plugin-media-insert": "^6.1.0",
+		"@atlaskit/editor-plugin-media-insert": "^6.2.0",
 		"@atlaskit/editor-plugin-mentions": "^4.1.0",
 		"@atlaskit/editor-plugin-metrics": "^3.4.0",
 		"@atlaskit/editor-plugin-panel": "^4.3.0",
@@ -64,12 +64,12 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/emoji": "^69.0.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.0.0",
-		"@atlaskit/icon-lab": "^4.2.0",
+		"@atlaskit/icon": "^25.2.0",
+		"@atlaskit/icon-lab": "^4.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.2.0",
+		"@atlaskit/tmp-editor-statsig": "^4.4.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -138,6 +138,9 @@
 		},
 		"platform_editor_preload_emoji_picker": {
 			"type": "boolean"
+		},
+		"platform_editor_add_media_from_url_rollout": {
+			"type": "boolean"
 		}
 	}
 }