@atlaskit/editor-plugin-insert-block 2.3.3 → 2.3.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 2.3.5
+
+### Patch Changes
+
+- [#153789](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/153789)
+  [`5062618c0206b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5062618c0206b) -
+  fix issue where insert menu would show with right rail when clicking blank page more elements
+  button
+
+## 2.3.4
+
+### Patch Changes
+
+- [#154004](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154004)
+  [`0d7fa2dd04c16`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0d7fa2dd04c16) -
+  remove button variation from right rail experiment
+
 ## 2.3.3
 
 ### Patch Changes

package/dist/cjs/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -32,7 +32,7 @@ var BlockInsertElementBrowser = exports.BlockInsertElementBrowser = function Blo
     "aria-expanded": props.open,
     "aria-haspopup": true,
     handleRef: props.onRef,
-    selected: props.open,
+    selected: props.open || props.isActive,
     disabled: props.disabled,
     onClick: props.onClick,
     onKeyDown: props.onKeyDown,

package/dist/cjs/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -6,9 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockInsertMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _blockInsertElementBrowser = require("./block-insert-element-browser");
 var _dropdownButton = require("./dropdown-button");
 var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(props.pluginInjectionApi, ['insertBlock']),
+    insertBlockState = _useSharedPluginState.insertBlockState;
+  var isActive = (insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen) || false;
   if (props.items.length === 0) {
     return null;
   }
@@ -44,6 +48,7 @@ var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props)
     togglePlusMenuVisibility: props.togglePlusMenuVisibility,
     showElementBrowserLink: props.showElementBrowserLink,
     pluginInjectionApi: props.pluginInjectionApi,
-    isFullPageAppearance: props.isFullPageAppearance
+    isFullPageAppearance: props.isFullPageAppearance,
+    isActive: isActive
   });
 };

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

@@ -28,7 +28,6 @@ var _picker = require("@atlaskit/emoji/picker");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../../pm-plugins/commands");
-var _MainToolBarIcon = require("../ElementRail/MainToolBarIcon");
 var _blockInsertMenu = require("./block-insert-menu");
 var _createItems3 = require("./create-items");
 var _messages = require("./messages");
@@ -671,7 +670,6 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         _tableSelectorButton5,
         _tableSelectorButton6,
         _this$props$isDisable,
-        _this$props$isDisable2,
         _this$props$pluginInj3;
       var _this$state2 = this.state,
         buttons = _this$state2.buttons,
@@ -780,19 +778,15 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           onKeyDown: this.handleTableSelectorOpenByKeyboard
         })), (0, _react2.jsx)("span", {
           css: _styles.wrapperStyle
-        }, this.renderPopup(), this.renderTableSelectorPopup(), isFullPageAppearance && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true) ? (0, _react2.jsx)(_MainToolBarIcon.RightRailIcon, {
-          onClick: this.handleClick,
-          isDisabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
-          api: this.props.pluginInjectionApi
-        }) : (0, _react2.jsx)(_blockInsertMenu.BlockInsertMenu, {
+        }, this.renderPopup(), this.renderTableSelectorPopup(), (0, _react2.jsx)(_blockInsertMenu.BlockInsertMenu, {
           popupsMountPoint: this.props.popupsMountPoint,
           popupsBoundariesElement: this.props.popupsBoundariesElement,
           popupsScrollableElement: this.props.popupsScrollableElement,
-          disabled: (_this$props$isDisable2 = this.props.isDisabled) !== null && _this$props$isDisable2 !== void 0 ? _this$props$isDisable2 : false,
+          disabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
           editorView: this.props.editorView,
           spacing: this.props.isReducedSpacing ? 'none' : 'default',
           label: this.props.intl.formatMessage(_messages.messages.insertMenu),
-          open: this.state.isPlusMenuOpen,
+          open: this.state.isPlusMenuOpen && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', false),
           plusButtonRef: this.plusButtonRef,
           items: this.state.dropdownItems,
           onRef: this.handleDropDownButtonRef,

package/dist/es2019/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -25,7 +25,7 @@ export const BlockInsertElementBrowser = props => {
     "aria-expanded": props.open,
     "aria-haspopup": true,
     handleRef: props.onRef,
-    selected: props.open,
+    selected: props.open || props.isActive,
     disabled: props.disabled,
     onClick: props.onClick,
     onKeyDown: props.onKeyDown,

package/dist/es2019/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,7 +1,12 @@
 import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { BlockInsertElementBrowser } from './block-insert-element-browser';
 import { DropDownButton } from './dropdown-button';
 export const BlockInsertMenu = props => {
+  const {
+    insertBlockState
+  } = useSharedPluginState(props.pluginInjectionApi, ['insertBlock']);
+  const isActive = (insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen) || false;
   if (props.items.length === 0) {
     return null;
   }
@@ -37,6 +42,7 @@ export const BlockInsertMenu = props => {
     togglePlusMenuVisibility: props.togglePlusMenuVisibility,
     showElementBrowserLink: props.showElementBrowserLink,
     pluginInjectionApi: props.pluginInjectionApi,
-    isFullPageAppearance: props.isFullPageAppearance
+    isFullPageAppearance: props.isFullPageAppearance,
+    isActive: isActive
   });
 };

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

@@ -18,7 +18,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import * as colors from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
-import { RightRailIcon } from '../ElementRail/MainToolBarIcon';
 import { BlockInsertMenu } from './block-insert-menu';
 import { createItems } from './create-items';
 import { messages } from './messages';
@@ -714,7 +713,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
     });
   }
   render() {
-    var _tableButton, _tableButton2, _tableButton3, _tableButton4, _tableButton5, _tableButton6, _tableButton7, _tableSelectorButton, _tableSelectorButton2, _tableSelectorButton3, _tableSelectorButton4, _tableSelectorButton5, _tableSelectorButton6, _this$props$isDisable, _this$props$isDisable2, _this$props$pluginInj7;
+    var _tableButton, _tableButton2, _tableButton3, _tableButton4, _tableButton5, _tableButton6, _tableButton7, _tableSelectorButton, _tableSelectorButton2, _tableSelectorButton3, _tableSelectorButton4, _tableSelectorButton5, _tableSelectorButton6, _this$props$isDisable, _this$props$pluginInj7;
     const {
       buttons,
       dropdownItems,
@@ -813,19 +812,15 @@ export class ToolbarInsertBlock extends React.PureComponent {
         onKeyDown: this.handleTableSelectorOpenByKeyboard
       })), jsx("span", {
         css: wrapperStyle
-      }, this.renderPopup(), this.renderTableSelectorPopup(), isFullPageAppearance && editorExperiment('insert-menu-in-right-rail', true) ? jsx(RightRailIcon, {
-        onClick: this.handleClick,
-        isDisabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
-        api: this.props.pluginInjectionApi
-      }) : jsx(BlockInsertMenu, {
+      }, this.renderPopup(), this.renderTableSelectorPopup(), jsx(BlockInsertMenu, {
         popupsMountPoint: this.props.popupsMountPoint,
         popupsBoundariesElement: this.props.popupsBoundariesElement,
         popupsScrollableElement: this.props.popupsScrollableElement,
-        disabled: (_this$props$isDisable2 = this.props.isDisabled) !== null && _this$props$isDisable2 !== void 0 ? _this$props$isDisable2 : false,
+        disabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
         editorView: this.props.editorView,
         spacing: this.props.isReducedSpacing ? 'none' : 'default',
         label: this.props.intl.formatMessage(messages.insertMenu),
-        open: this.state.isPlusMenuOpen,
+        open: this.state.isPlusMenuOpen && editorExperiment('insert-menu-in-right-rail', false),
         plusButtonRef: this.plusButtonRef,
         items: this.state.dropdownItems,
         onRef: this.handleDropDownButtonRef,

package/dist/esm/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -25,7 +25,7 @@ export var BlockInsertElementBrowser = function BlockInsertElementBrowser(props)
     "aria-expanded": props.open,
     "aria-haspopup": true,
     handleRef: props.onRef,
-    selected: props.open,
+    selected: props.open || props.isActive,
     disabled: props.disabled,
     onClick: props.onClick,
     onKeyDown: props.onKeyDown,

package/dist/esm/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,7 +1,11 @@
 import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { BlockInsertElementBrowser } from './block-insert-element-browser';
 import { DropDownButton } from './dropdown-button';
 export var BlockInsertMenu = function BlockInsertMenu(props) {
+  var _useSharedPluginState = useSharedPluginState(props.pluginInjectionApi, ['insertBlock']),
+    insertBlockState = _useSharedPluginState.insertBlockState;
+  var isActive = (insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen) || false;
   if (props.items.length === 0) {
     return null;
   }
@@ -37,6 +41,7 @@ export var BlockInsertMenu = function BlockInsertMenu(props) {
     togglePlusMenuVisibility: props.togglePlusMenuVisibility,
     showElementBrowserLink: props.showElementBrowserLink,
     pluginInjectionApi: props.pluginInjectionApi,
-    isFullPageAppearance: props.isFullPageAppearance
+    isFullPageAppearance: props.isFullPageAppearance,
+    isActive: isActive
   });
 };

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

@@ -34,7 +34,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import * as colors from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
-import { RightRailIcon } from '../ElementRail/MainToolBarIcon';
 import { BlockInsertMenu } from './block-insert-menu';
 import { createItems } from './create-items';
 import { messages } from './messages';
@@ -662,7 +661,6 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _tableSelectorButton5,
         _tableSelectorButton6,
         _this$props$isDisable,
-        _this$props$isDisable2,
         _this$props$pluginInj3;
       var _this$state2 = this.state,
         buttons = _this$state2.buttons,
@@ -771,19 +769,15 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           onKeyDown: this.handleTableSelectorOpenByKeyboard
         })), jsx("span", {
           css: wrapperStyle
-        }, this.renderPopup(), this.renderTableSelectorPopup(), isFullPageAppearance && editorExperiment('insert-menu-in-right-rail', true) ? jsx(RightRailIcon, {
-          onClick: this.handleClick,
-          isDisabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
-          api: this.props.pluginInjectionApi
-        }) : jsx(BlockInsertMenu, {
+        }, this.renderPopup(), this.renderTableSelectorPopup(), jsx(BlockInsertMenu, {
           popupsMountPoint: this.props.popupsMountPoint,
           popupsBoundariesElement: this.props.popupsBoundariesElement,
           popupsScrollableElement: this.props.popupsScrollableElement,
-          disabled: (_this$props$isDisable2 = this.props.isDisabled) !== null && _this$props$isDisable2 !== void 0 ? _this$props$isDisable2 : false,
+          disabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
           editorView: this.props.editorView,
           spacing: this.props.isReducedSpacing ? 'none' : 'default',
           label: this.props.intl.formatMessage(messages.insertMenu),
-          open: this.state.isPlusMenuOpen,
+          open: this.state.isPlusMenuOpen && editorExperiment('insert-menu-in-right-rail', false),
           plusButtonRef: this.plusButtonRef,
           items: this.state.dropdownItems,
           onRef: this.handleDropDownButtonRef,

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "2.3.3",
+	"version": "2.3.5",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",

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

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RightRailIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
-var _primitives = require("@atlaskit/primitives");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var wrapperStyles = (0, _primitives.xcss)({
-  width: '32px',
-  height: '32px',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var buttonStyles = (0, _primitives.xcss)({
-  boxSizing: 'border-box',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: "var(--ds-space-300, 24px)",
-  width: "var(--ds-space-300, 24px)",
-  border: 'none',
-  backgroundColor: 'color.background.neutral.subtle',
-  borderRadius: 'border.radius.circle',
-  color: 'color.text',
-  zIndex: 'card',
-  outline: 'none',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.pressed'
-  },
-  ':focus': {
-    outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
-  }
-});
-var disabledStyles = (0, _primitives.xcss)({
-  color: 'color.text.disabled',
-  backgroundColor: 'color.background.neutral.subtle',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle'
-  }
-});
-var activeStyles = (0, _primitives.xcss)({
-  backgroundColor: 'color.background.selected',
-  color: 'color.text.selected',
-  ':hover': {
-    backgroundColor: 'color.background.selected',
-    color: 'color.text.selected'
-  }
-});
-var RightRailIcon = exports.RightRailIcon = function RightRailIcon(_ref) {
-  var onClick = _ref.onClick,
-    isDisabled = _ref.isDisabled,
-    api = _ref.api;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['insertBlock']),
-    insertBlockState = _useSharedPluginState.insertBlockState;
-  var isOpen = insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [wrapperStyles]
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent
-    // Re-using insertRightRailTitle for tooltip, both messages are the same
-    , {
-      description: formatMessage(_messages.toolbarInsertBlockMessages.insertRightRailTitle),
-      shortcutOverride: "/"
-    })
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
-    type: "button",
-    "aria-label": formatMessage(_messages.toolbarInsertBlockMessages.insertMenu),
-    xcss: [buttonStyles, isDisabled ? disabledStyles : undefined, isOpen ? activeStyles : undefined],
-    onClick: onClick,
-    isDisabled: isDisabled
-  }, /*#__PURE__*/_react.default.createElement(_add.default, {
-    label: formatMessage(_messages.toolbarInsertBlockMessages.insertMenu),
-    size: "medium"
-  }))));
-};

package/dist/es2019/ui/ElementRail/MainToolBarIcon.js

@@ -1,90 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
-import EditorAddIcon from '@atlaskit/icon/glyph/editor/add';
-import { Box, Pressable, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-const wrapperStyles = xcss({
-  width: '32px',
-  height: '32px',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const buttonStyles = xcss({
-  boxSizing: 'border-box',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: "var(--ds-space-300, 24px)",
-  width: "var(--ds-space-300, 24px)",
-  border: 'none',
-  backgroundColor: 'color.background.neutral.subtle',
-  borderRadius: 'border.radius.circle',
-  color: 'color.text',
-  zIndex: 'card',
-  outline: 'none',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.pressed'
-  },
-  ':focus': {
-    outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
-  }
-});
-const disabledStyles = xcss({
-  color: 'color.text.disabled',
-  backgroundColor: 'color.background.neutral.subtle',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle'
-  }
-});
-const activeStyles = xcss({
-  backgroundColor: 'color.background.selected',
-  color: 'color.text.selected',
-  ':hover': {
-    backgroundColor: 'color.background.selected',
-    color: 'color.text.selected'
-  }
-});
-export const RightRailIcon = ({
-  onClick,
-  isDisabled,
-  api
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    insertBlockState
-  } = useSharedPluginState(api, ['insertBlock']);
-  const isOpen = insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: [wrapperStyles]
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(ToolTipContent
-    // Re-using insertRightRailTitle for tooltip, both messages are the same
-    , {
-      description: formatMessage(toolbarInsertBlockMessages.insertRightRailTitle),
-      shortcutOverride: "/"
-    })
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    type: "button",
-    "aria-label": formatMessage(toolbarInsertBlockMessages.insertMenu),
-    xcss: [buttonStyles, isDisabled ? disabledStyles : undefined, isOpen ? activeStyles : undefined],
-    onClick: onClick,
-    isDisabled: isDisabled
-  }, /*#__PURE__*/React.createElement(EditorAddIcon, {
-    label: formatMessage(toolbarInsertBlockMessages.insertMenu),
-    size: "medium"
-  }))));
-};

package/dist/esm/ui/ElementRail/MainToolBarIcon.js

@@ -1,87 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
-import EditorAddIcon from '@atlaskit/icon/glyph/editor/add';
-import { Box, Pressable, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-var wrapperStyles = xcss({
-  width: '32px',
-  height: '32px',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var buttonStyles = xcss({
-  boxSizing: 'border-box',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: "var(--ds-space-300, 24px)",
-  width: "var(--ds-space-300, 24px)",
-  border: 'none',
-  backgroundColor: 'color.background.neutral.subtle',
-  borderRadius: 'border.radius.circle',
-  color: 'color.text',
-  zIndex: 'card',
-  outline: 'none',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.pressed'
-  },
-  ':focus': {
-    outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
-  }
-});
-var disabledStyles = xcss({
-  color: 'color.text.disabled',
-  backgroundColor: 'color.background.neutral.subtle',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle'
-  }
-});
-var activeStyles = xcss({
-  backgroundColor: 'color.background.selected',
-  color: 'color.text.selected',
-  ':hover': {
-    backgroundColor: 'color.background.selected',
-    color: 'color.text.selected'
-  }
-});
-export var RightRailIcon = function RightRailIcon(_ref) {
-  var onClick = _ref.onClick,
-    isDisabled = _ref.isDisabled,
-    api = _ref.api;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = useSharedPluginState(api, ['insertBlock']),
-    insertBlockState = _useSharedPluginState.insertBlockState;
-  var isOpen = insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: [wrapperStyles]
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(ToolTipContent
-    // Re-using insertRightRailTitle for tooltip, both messages are the same
-    , {
-      description: formatMessage(toolbarInsertBlockMessages.insertRightRailTitle),
-      shortcutOverride: "/"
-    })
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    type: "button",
-    "aria-label": formatMessage(toolbarInsertBlockMessages.insertMenu),
-    xcss: [buttonStyles, isDisabled ? disabledStyles : undefined, isOpen ? activeStyles : undefined],
-    onClick: onClick,
-    isDisabled: isDisabled
-  }, /*#__PURE__*/React.createElement(EditorAddIcon, {
-    label: formatMessage(toolbarInsertBlockMessages.insertMenu),
-    size: "medium"
-  }))));
-};

package/dist/types/ui/ElementRail/MainToolBarIcon.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type InsertBlockPlugin } from '../../plugin';
-type Props = {
-    onClick: () => void;
-    isDisabled: boolean;
-    api?: ExtractInjectionAPI<InsertBlockPlugin>;
-};
-export declare const RightRailIcon: ({ onClick, isDisabled, api }: Props) => JSX.Element;
-export {};

package/dist/types-ts4.5/ui/ElementRail/MainToolBarIcon.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type InsertBlockPlugin } from '../../plugin';
-type Props = {
-    onClick: () => void;
-    isDisabled: boolean;
-    api?: ExtractInjectionAPI<InsertBlockPlugin>;
-};
-export declare const RightRailIcon: ({ onClick, isDisabled, api }: Props) => JSX.Element;
-export {};