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

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

@@ -37,8 +37,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 // eslint-disable-next-line import/no-namespace
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N20A, N30A } from '@atlaskit/theme/colors';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
 import { BlockInsertMenu } from './block-insert-menu';
 import { createItems } from './create-items';
 // Ignored via go/ees005
@@ -242,57 +240,10 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_this, "handleClick", function () {
-      var _this$props$editorApp;
-      /**
-       * For insert menu in right rail experiment
-       * - Clean up ticket ED-24801
-       */
-      if (['full-page', 'full-width'].includes((_this$props$editorApp = _this.props.editorAppearance) !== null && _this$props$editorApp !== void 0 ? _this$props$editorApp : '') && editorExperiment('insert-menu-in-right-rail', true, {
-        exposure: true
-      })) {
-        var pluginInjectionApi = _this.props.pluginInjectionApi;
-        if (!pluginInjectionApi) {
-          return;
-        }
-        pluginInjectionApi.core.actions.execute(function (_ref4) {
-          var _pluginInjectionApi$c, _pluginInjectionApi$a;
-          var tr = _ref4.tr;
-          toggleInsertMenuRightRail(tr);
-          (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.actions.applyChange(tr);
-          (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.attachAnalyticsEvent({
-            action: ACTION.CLICKED,
-            // @ts-expect-error
-            actionSubject: ACTION_SUBJECT.TOOLBAR_BUTTON,
-            // @ts-expect-error
-            actionSubjectId: INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-            eventType: EVENT_TYPE.UI
-          })(tr);
-          return tr;
-        });
-        return;
-      }
       _this.togglePlusMenuVisibility();
     });
     _defineProperty(_this, "handleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
-        var _this$props$editorApp2;
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         */
-        if (['full-page', 'full-width'].includes((_this$props$editorApp2 = _this.props.editorAppearance) !== null && _this$props$editorApp2 !== void 0 ? _this$props$editorApp2 : '') && editorExperiment('insert-menu-in-right-rail', true, {
-          exposure: true
-        })) {
-          var _this$props$pluginInj;
-          (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || _this$props$pluginInj.core.actions.execute(function (_ref5) {
-            var _this$props$pluginInj2;
-            var tr = _ref5.tr;
-            toggleInsertMenuRightRail(tr);
-            (_this$props$pluginInj2 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.contextPanel) === null || _this$props$pluginInj2 === void 0 || _this$props$pluginInj2.actions.applyChange(tr);
-            return tr;
-          });
-          return;
-        }
         _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
           isOpenedByKeyboard: true
         }));
@@ -308,9 +259,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_this, "toggleLinkPanel", function (inputMethod) {
-      var _pluginInjectionApi$c2, _pluginInjectionApi$c3, _pluginInjectionApi$h;
+      var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$h;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
-      return (_pluginInjectionApi$c2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$c2 !== void 0 ? _pluginInjectionApi$c2 : false;
+      return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
     });
     _defineProperty(_this, "insertMention", function (inputMethod) {
       var _pluginInjectionApi$m3, _pluginInjectionApi$m4;
@@ -353,15 +304,15 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
 
         // workaround to solve race condition where cursor is not placed correctly inside table
         queueMicrotask(function () {
-          var _pluginInjectionApi$c4, _pluginInjectionApi$t4;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 || _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
+          var _pluginInjectionApi$c3, _pluginInjectionApi$t4;
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 || _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
         });
       };
     });
     _defineProperty(_this, "createDate", function (inputMethod) {
-      var _pluginInjectionApi$c5, _pluginInjectionApi$d;
+      var _pluginInjectionApi$c4, _pluginInjectionApi$d;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 || _pluginInjectionApi$c5.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 || (_pluginInjectionApi$d = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.insertDate({
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 || _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 || (_pluginInjectionApi$d = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.insertDate({
         inputMethod: inputMethod
       }));
       return true;
@@ -383,9 +334,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     _defineProperty(_this, "createStatus", function (inputMethod) {
-      var _pluginInjectionApi$c6, _pluginInjectionApi$s;
+      var _pluginInjectionApi$c5, _pluginInjectionApi$s;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
-      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.status) === null || _pluginInjectionApi$s === void 0 || (_pluginInjectionApi$s = _pluginInjectionApi$s.commands) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.insertStatus(inputMethod)));
+      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : _pluginInjectionApi$c5.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.status) === null || _pluginInjectionApi$s === void 0 || (_pluginInjectionApi$s = _pluginInjectionApi$s.commands) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.insertStatus(inputMethod)));
     });
     _defineProperty(_this, "openMediaPicker", function (inputMethod) {
       var _this$props5 = _this.props,
@@ -458,21 +409,21 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       };
     });
     _defineProperty(_this, "handleSelectedEmoji", function (emojiId) {
-      var _pluginInjectionApi$c7, _pluginInjectionApi$e3;
+      var _pluginInjectionApi$c6, _pluginInjectionApi$e3;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       _this.props.editorView.focus();
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || _pluginInjectionApi$c7.actions.execute((_pluginInjectionApi$e3 = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.commands.insertEmoji(emojiId, INPUT_METHOD.PICKER));
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 || _pluginInjectionApi$c6.actions.execute((_pluginInjectionApi$e3 = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.commands.insertEmoji(emojiId, INPUT_METHOD.PICKER));
       _this.toggleEmojiPicker();
       return true;
     });
     _defineProperty(_this, "openElementBrowser", function () {
-      var _pluginInjectionApi$c8, _pluginInjectionApi$q;
+      var _pluginInjectionApi$c7, _pluginInjectionApi$q;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || _pluginInjectionApi$c8.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || _pluginInjectionApi$c7.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
     });
-    _defineProperty(_this, "onItemActivated", function (_ref6) {
-      var item = _ref6.item,
-        inputMethod = _ref6.inputMethod;
+    _defineProperty(_this, "onItemActivated", function (_ref4) {
+      var item = _ref4.item,
+        inputMethod = _ref4.inputMethod;
       var _this$props10 = _this.props,
         editorView = _this$props10.editorView,
         handleImageUpload = _this$props10.handleImageUpload,
@@ -561,8 +512,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         inputMethod: INPUT_METHOD.TOOLBAR
       });
     });
-    _defineProperty(_this, "insertInsertMenuItem", function (_ref7) {
-      var item = _ref7.item;
+    _defineProperty(_this, "insertInsertMenuItem", function (_ref5) {
+      var item = _ref5.item;
       return _this.onItemActivated({
         item: item,
         inputMethod: INPUT_METHOD.INSERT_MENU
@@ -614,8 +565,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         popupsBoundariesElement = _this$props11.popupsBoundariesElement,
         popupsScrollableElement = _this$props11.popupsScrollableElement,
         emojiProvider = _this$props11.emojiProvider;
-      var dropdownEmoji = this.state.dropdownItems.some(function (_ref8) {
-        var name = _ref8.value.name;
+      var dropdownEmoji = this.state.dropdownItems.some(function (_ref6) {
+        var name = _ref6.value.name;
         return name === 'emoji';
       });
       var dropDownButtonRef = this.plusButtonRef;
@@ -670,8 +621,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       // Popup will be unmounted to ensure that the new table has a selection with a blinking cursor.
       // So we can start typing right away.
       var onUnmount = function onUnmount() {
-        var _pluginInjectionApi$c9;
-        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c9 = pluginInjectionApi.core) === null || _pluginInjectionApi$c9 === void 0 || (_pluginInjectionApi$c9 = _pluginInjectionApi$c9.actions) === null || _pluginInjectionApi$c9 === void 0 ? void 0 : _pluginInjectionApi$c9.focus();
+        var _pluginInjectionApi$c8;
+        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || (_pluginInjectionApi$c8 = _pluginInjectionApi$c8.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.focus();
       };
       return jsx(TableSelectorPopup, {
         target: ref,
@@ -704,7 +655,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _tableSelectorButton6,
         _this$props$isDisable,
         _this$plusButtonRef,
-        _this$props$pluginInj3;
+        _this$props$pluginInj;
       var _this$state2 = this.state,
         buttons = _this$state2.buttons,
         dropdownItems = _this$state2.dropdownItems,
@@ -714,12 +665,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         isDisabled = _this$props13.isDisabled,
         isReducedSpacing = _this$props13.isReducedSpacing,
         editorAppearance = _this$props13.editorAppearance;
-      var isTableButtonVisible = buttons.some(function (_ref9) {
-        var value = _ref9.value;
+      var isTableButtonVisible = buttons.some(function (_ref7) {
+        var value = _ref7.value;
         return value.name === 'table';
       });
-      var isTableSizeVisible = buttons.some(function (_ref10) {
-        var value = _ref10.value;
+      var isTableSizeVisible = buttons.some(function (_ref8) {
+        var value = _ref8.value;
         return value.name === 'table selector';
       });
       if (buttons.length === 0 && dropdownItems.length === 0) {
@@ -824,7 +775,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         editorView: this.props.editorView,
         spacing: this.props.isReducedSpacing ? 'none' : 'default',
         label: this.props.intl.formatMessage(messages.insertMenu),
-        open: editorExperiment('insert-menu-in-right-rail', true) ? !isFullPageAppearance && this.state.isPlusMenuOpen : this.state.isPlusMenuOpen,
+        open: this.state.isPlusMenuOpen,
         plusButtonRef: (_this$plusButtonRef = this.plusButtonRef) === null || _this$plusButtonRef === void 0 ? void 0 : _this$plusButtonRef.deref(),
         items: this.state.dropdownItems,
         onRef: this.handleDropDownButtonRef,
@@ -838,7 +789,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         showElementBrowserLink: this.props.showElementBrowserLink || false,
         pluginInjectionApi: this.props.pluginInjectionApi,
         isFullPageAppearance: isFullPageAppearance
-      })), !((_this$props$pluginInj3 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj3 !== void 0 && _this$props$pluginInj3.primaryToolbar) && this.props.showSeparator && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+      })), !((_this$props$pluginInj = this.props.pluginInjectionApi) !== null && _this$props$pluginInj !== void 0 && _this$props$pluginInj.primaryToolbar) && this.props.showSeparator && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       jsx("span", {
         css: separatorStyles

package/dist/types/types/index.d.ts

@@ -65,5 +65,4 @@ export interface InsertBlockOptions {
 }
 export interface InsertBlockPluginState {
     showElementBrowser: boolean;
-    menuBrowserOpen?: boolean;
 }

package/dist/types/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts

@@ -24,7 +24,6 @@ export interface BlockInsertElementBrowserProps {
     togglePlusMenuVisibility: SimpleEventHandler<MouseEvent | KeyboardEvent>;
     pluginInjectionApi: ExtractInjectionAPI<InsertBlockPlugin> | undefined;
     isFullPageAppearance?: boolean;
-    isActive: boolean;
 }
 export declare const BlockInsertElementBrowser: (props: BlockInsertElementBrowserProps) => React.JSX.Element;
 export {};

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

@@ -65,5 +65,4 @@ export interface InsertBlockOptions {
 }
 export interface InsertBlockPluginState {
     showElementBrowser: boolean;
-    menuBrowserOpen?: boolean;
 }

package/dist/types-ts4.5/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts

@@ -24,7 +24,6 @@ export interface BlockInsertElementBrowserProps {
     togglePlusMenuVisibility: SimpleEventHandler<MouseEvent | KeyboardEvent>;
     pluginInjectionApi: ExtractInjectionAPI<InsertBlockPlugin> | undefined;
     isFullPageAppearance?: boolean;
-    isActive: boolean;
 }
 export declare const BlockInsertElementBrowser: (props: BlockInsertElementBrowserProps) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "3.1.2",
+	"version": "3.1.4",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,8 +33,8 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/button": "^21.1.0",
-		"@atlaskit/editor-common": "^102.13.0",
+		"@atlaskit/button": "^22.0.0",
+		"@atlaskit/editor-common": "^102.14.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-block-type": "^5.1.0",
 		"@atlaskit/editor-plugin-code-block": "^4.2.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/editor-plugin-feature-flags": "^1.3.0",
 		"@atlaskit/editor-plugin-hyperlink": "^4.3.0",
 		"@atlaskit/editor-plugin-image-upload": "^2.0.0",
-		"@atlaskit/editor-plugin-layout": "^2.3.0",
+		"@atlaskit/editor-plugin-layout": "^2.4.0",
 		"@atlaskit/editor-plugin-media": "^2.3.0",
 		"@atlaskit/editor-plugin-media-insert": "^6.2.0",
 		"@atlaskit/editor-plugin-mentions": "^4.1.0",

package/dist/cjs/pm-plugins/commands.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toggleInsertMenuRightRail = void 0;
-var _elementBrowser = require("./elementBrowser");
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-var toggleInsertMenuRightRail = exports.toggleInsertMenuRightRail = function toggleInsertMenuRightRail(tr) {
-  return tr.setMeta(_elementBrowser.elementBrowserPmKey, {
-    update: true
-  });
-};

package/dist/cjs/pm-plugins/elementBrowser.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.elementBrowserPmPlugin = exports.elementBrowserPmKey = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _state = require("@atlaskit/editor-prosemirror/state");
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-var elementBrowserPmKey = exports.elementBrowserPmKey = new _state.PluginKey('elementBrowserPmPlugin');
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-var elementBrowserPmPlugin = exports.elementBrowserPmPlugin = function elementBrowserPmPlugin() {
-  return new _safePlugin.SafePlugin({
-    key: elementBrowserPmKey,
-    state: {
-      init: function init() {
-        return {
-          menuBrowserOpen: false
-        };
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(elementBrowserPmKey);
-        if (!meta) {
-          return pluginState;
-        }
-        return {
-          menuBrowserOpen: !pluginState.menuBrowserOpen
-        };
-      }
-    }
-  });
-};

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

@@ -1,236 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InsertMenuRail = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _new = require("@atlaskit/button/new");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
-var _primitives = require("@atlaskit/primitives");
-var _commands = require("../../pm-plugins/commands");
-var _InsertMenu = _interopRequireDefault(require("../ElementBrowser/InsertMenu"));
-var _useInsertMenuRailItems = require("./useInsertMenuRailItems");
-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; }
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var panelWrapper = (0, _primitives.xcss)({
-  height: '100%'
-});
-var panelContentHeader = (0, _primitives.xcss)({
-  height: '32px',
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center'
-});
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-var InsertMenuRail = exports.InsertMenuRail = function InsertMenuRail(_ref) {
-  var editorView = _ref.editorView,
-    options = _ref.options,
-    api = _ref.api;
-  var dropdownItems = (0, _useInsertMenuRailItems.useInsertMenuRailItems)(editorView, options, api);
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var onInsert = function onInsert(_ref2) {
-    var _api$core, _api$hyperlink, _api$imageUpload, _api$media, _api$mention, _api$emoji, _api$codeBlock, _api$blockType, _api$panel, _api$taskDecision, _api$taskDecision2, _api$rule, _api$core2, _api$quickInsert, _api$core3, _api$date, _api$placeholderText, _api$layout, _api$core4, _api$status;
-    var item = _ref2.item;
-    var state = editorView.state,
-      dispatch = editorView.dispatch;
-    var inputMethod = _analytics.INPUT_METHOD.INSERT_MENU_RIGHT_RAIL;
-    if (!api) {
-      return;
-    }
-    if (!editorView.hasFocus()) {
-      editorView.focus();
-    }
-
-    // Below is duplicated from ToolbarInsertBlock/index.tsx - this function is only called
-    // for BlockMenuItem items, which are rendered in the insert menu when no search has been performed.
-    // When a search is performed, the list will be filled by QuickInsertItems, which handle their own insertion.
-    switch (item.value.name) {
-      case 'link':
-        // @ts-expect-error
-        (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$hyperlink = api.hyperlink) === null || _api$hyperlink === void 0 ? void 0 : _api$hyperlink.commands.showLinkToolbar(inputMethod));
-        break;
-      case 'table':
-        // workaround to solve race condition where cursor is not placed correctly inside table
-        queueMicrotask(function () {
-          var _api$table, _api$table$actions$in, _api$table$actions;
-          // @ts-expect-error
-          (_api$table = api.table) === null || _api$table === void 0 || (_api$table$actions$in = (_api$table$actions = _api$table.actions).insertTable) === null || _api$table$actions$in === void 0 || _api$table$actions$in.call(_api$table$actions, {
-            action: _analytics.ACTION.INSERTED,
-            actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
-            attributes: {
-              inputMethod: inputMethod
-            },
-            eventType: _analytics.EVENT_TYPE.TRACK
-          })(state, dispatch);
-        });
-        break;
-      case 'image upload':
-        (_api$imageUpload = api.imageUpload) === null || _api$imageUpload === void 0 || _api$imageUpload.actions.startUpload()(state, dispatch);
-        break;
-      case 'media':
-        var mediaState = (_api$media = api.media) === null || _api$media === void 0 ? void 0 : _api$media.sharedState.currentState();
-        if (mediaState) {
-          var _api$analytics;
-          mediaState.showMediaPicker();
-          // @ts-expect-error
-          (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-            action: _analytics.ACTION.OPENED,
-            actionSubject: _analytics.ACTION_SUBJECT.PICKER,
-            actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_CLOUD,
-            attributes: {
-              inputMethod: inputMethod
-            },
-            eventType: _analytics.EVENT_TYPE.UI
-          });
-        }
-        break;
-      case 'mention':
-        var pluginState = (_api$mention = api.mention) === null || _api$mention === void 0 ? void 0 : _api$mention.sharedState.currentState();
-        if (pluginState && pluginState.canInsertMention) {
-          var _api$mention2;
-          // @ts-expect-error
-          (_api$mention2 = api.mention) === null || _api$mention2 === void 0 || (_api$mention2 = _api$mention2.actions) === null || _api$mention2 === void 0 || _api$mention2.openTypeAhead(inputMethod);
-        }
-        break;
-      case 'emoji':
-        // @ts-expect-error
-        (_api$emoji = api.emoji) === null || _api$emoji === void 0 || _api$emoji.actions.openTypeAhead(inputMethod);
-        break;
-      case 'codeblock':
-        (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 || _api$codeBlock.actions.insertCodeBlock(inputMethod)(state, dispatch);
-        break;
-      case 'blockquote':
-        // @ts-expect-error
-        (_api$blockType = api.blockType) === null || _api$blockType === void 0 || _api$blockType.actions.insertBlockQuote(inputMethod)(state, dispatch);
-        break;
-      case 'panel':
-        (_api$panel = api.panel) === null || _api$panel === void 0 || _api$panel.actions.insertPanel(inputMethod)(state, dispatch);
-        break;
-      case 'action':
-        // @ts-expect-error
-        (_api$taskDecision = api.taskDecision) === null || _api$taskDecision === void 0 || _api$taskDecision.actions.insertTaskDecision('taskList', inputMethod)(state, dispatch);
-        break;
-      case 'decision':
-        // @ts-expect-error
-        (_api$taskDecision2 = api.taskDecision) === null || _api$taskDecision2 === void 0 || _api$taskDecision2.actions.insertTaskDecision('decisionList', inputMethod)(state, dispatch);
-        break;
-      case 'horizontalrule':
-        // @ts-expect-error
-        (_api$rule = api.rule) === null || _api$rule === void 0 || _api$rule.actions.insertHorizontalRule(inputMethod)(state, dispatch);
-        break;
-      case 'macro':
-        (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute((_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowserModal);
-        break;
-      case 'date':
-        (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute((_api$date = api.date) === null || _api$date === void 0 || (_api$date = _api$date.commands) === null || _api$date === void 0 ? void 0 : _api$date.insertDate({
-          // @ts-expect-error
-          inputMethod: inputMethod
-        }));
-        break;
-      case 'placeholder text':
-        (_api$placeholderText = api.placeholderText) === null || _api$placeholderText === void 0 || _api$placeholderText.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
-        break;
-      case 'layout':
-        // @ts-expect-error
-        (_api$layout = api.layout) === null || _api$layout === void 0 || _api$layout.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
-        break;
-      case 'status':
-        // @ts-expect-error
-        (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute((_api$status = api.status) === null || _api$status === void 0 || (_api$status = _api$status.commands) === null || _api$status === void 0 ? void 0 : _api$status.insertStatus(inputMethod));
-        break;
-
-      // https://product-fabric.atlassian.net/browse/ED-8053
-      // @ts-ignore: OK to fallthrough to default
-      case 'expand':
-        if (options.allowExpand) {
-          var _api$expand;
-          (_api$expand = api.expand) === null || _api$expand === void 0 || _api$expand.actions.insertExpand(state, dispatch);
-          break;
-        }
-
-      // eslint-disable-next-line no-fallthrough
-      default:
-      // leaving this blank for now
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (!api) {
-      return;
-    }
-    api.core.actions.execute(function (_ref3) {
-      var _api$analytics2;
-      var tr = _ref3.tr;
-      (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-        action: _analytics.ACTION.OPENED,
-        // @ts-expect-error
-        actionSubject: _analytics.INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-        eventType: _analytics.EVENT_TYPE.UI
-      })(tr);
-      return tr;
-    });
-    return function () {
-      if (!api) {
-        return;
-      }
-      api.core.actions.execute(function (_ref4) {
-        var _api$analytics3;
-        var tr = _ref4.tr;
-        (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
-          action: _analytics.ACTION.CLOSED,
-          // @ts-expect-error
-          actionSubject: _analytics.INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-          eventType: _analytics.EVENT_TYPE.UI
-        })(tr);
-        return tr;
-      });
-    };
-  }, [api]);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: panelWrapper
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: panelContentHeader
-  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
-    size: "small",
-    as: "h2"
-  }, formatMessage(_messages.toolbarInsertBlockMessages.insertRightRailTitle)), /*#__PURE__*/_react.default.createElement(_new.IconButton, {
-    appearance: "subtle",
-    testId: "right-rail-insert-menu-close-button",
-    label: formatMessage(_messages.toolbarInsertBlockMessages.closeInsertRightRail),
-    icon: _closeCross.default,
-    onClick: function onClick() {
-      if (!api) {
-        return;
-      }
-      api.core.actions.execute(function (_ref5) {
-        var _api$contextPanel;
-        var tr = _ref5.tr;
-        (0, _commands.toggleInsertMenuRightRail)(tr);
-        (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 || _api$contextPanel.actions.applyChange(tr);
-        return tr;
-      });
-    }
-  })), /*#__PURE__*/_react.default.createElement(_InsertMenu.default, {
-    editorView: editorView,
-    dropdownItems: dropdownItems,
-    onInsert: onInsert,
-    toggleVisiblity: function toggleVisiblity() {},
-    showElementBrowserLink: true,
-    pluginInjectionApi: api,
-    isFullPageAppearance: true
-  }));
-};

package/dist/cjs/ui/assets/expand.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ExpandIcon;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-
-var iconContainer = (0, _react.css)({
-  display: 'inline-flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  width: '24px',
-  height: '24px'
-});
-function ExpandIcon(_ref) {
-  var disabled = _ref.disabled;
-  return (0, _react.jsx)("span", {
-    css: iconContainer
-  }, (0, _react.jsx)("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "16",
-    viewBox: "0 0 18 16",
-    fill: "none"
-  }, (0, _react.jsx)("path", {
-    d: "M2 2V14H16V2H2ZM2 0H16C16.5304 0 17.0391 0.210714 17.4142 0.585786C17.7893 0.960859 18 1.46957 18 2V14C18 14.5304 17.7893 15.0391 17.4142 15.4142C17.0391 15.7893 16.5304 16 16 16H2C1.46957 16 0.960859 15.7893 0.585786 15.4142C0.210714 15.0391 0 14.5304 0 14V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0Z",
-    fill: disabled ? "var(--ds-icon-disabled, #B3B9C4)" : "var(--ds-icon, #44546F)"
-  }), (0, _react.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.29158 6.29294C5.10477 6.48183 5 6.73678 5 7.00244C5 7.2681 5.10477 7.52305 5.29158 7.71194L8.23058 10.6769C8.44858 10.8919 8.73058 10.9989 9.00958 10.9989C9.28858 10.9989 9.56558 10.8919 9.77858 10.6769L12.7086 7.72194C12.8951 7.53292 12.9998 7.27803 12.9998 7.01244C12.9998 6.74686 12.8951 6.49196 12.7086 6.30294C12.6167 6.20976 12.5073 6.13576 12.3866 6.08525C12.2659 6.03474 12.1364 6.00873 12.0056 6.00873C11.8748 6.00873 11.7452 6.03474 11.6245 6.08525C11.5039 6.13576 11.3944 6.20976 11.3026 6.30294L9.00458 8.61994L6.69758 6.29294C6.60554 6.20012 6.49604 6.12644 6.37538 6.07617C6.25472 6.02589 6.1253 6 5.99458 6C5.86386 6 5.73444 6.02589 5.61378 6.07617C5.49312 6.12644 5.38362 6.20012 5.29158 6.29294Z",
-    fill: disabled ? "var(--ds-icon-disabled, #B3B9C4)" : "var(--ds-icon, #44546F)"
-  })));
-}

package/dist/cjs/ui/assets/switch.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SwitchIcon;
-var _react = require("@emotion/react");
-var _refresh = _interopRequireDefault(require("@atlaskit/icon/core/migration/refresh"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-
-var iconStyle = (0, _react.css)({
-  transform: 'rotate(-90deg)'
-});
-function SwitchIcon() {
-  return (0, _react.jsx)("span", {
-    css: iconStyle
-  }, (0, _react.jsx)(_refresh.default, {
-    label: ""
-  }));
-}