@atlaskit/editor-plugin-block-controls 7.10.2 → 7.11.1

package/dist/esm/ui/block-menu-items.js

@@ -1,82 +0,0 @@
-/* eslint-disable @atlaskit/design-system/prefer-primitives */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, tooltip } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { DIRECTION } from '@atlaskit/editor-common/types';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
-import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
-import ArrowRightnIcon from '@atlaskit/icon/core/arrow-right';
-import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
-import { moveNodeViaShortcut } from '../editor-commands/move-node';
-export var getBlockMenuItems = function getBlockMenuItems(formatMessage) {
-  return [{
-    items: [{
-      content: formatMessage(blockControlsMessages.moveUp),
-      elemBefore: jsx(ArrowUpIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveUp'
-      },
-      key: 'move_up',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveUp))
-    }, {
-      content: formatMessage(blockControlsMessages.moveDown),
-      elemBefore: jsx(ArrowDownIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveDown'
-      },
-      key: 'move_down',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveDown))
-    }, {
-      content: formatMessage(blockControlsMessages.moveLeft),
-      elemBefore: jsx(ArrowLeftIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveLeft'
-      },
-      key: 'move_left',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveLeft))
-    }, {
-      content: formatMessage(blockControlsMessages.moveRight),
-      elemBefore: jsx(ArrowRightnIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveRight'
-      },
-      key: 'move_right',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveRight))
-    }]
-  }];
-};
-export var menuItemsCallback = {
-  moveUp: function moveUp(api, formatMessage) {
-    return moveNodeViaShortcut(api, DIRECTION.UP, formatMessage);
-  },
-  moveDown: function moveDown(api, formatMessage) {
-    return moveNodeViaShortcut(api, DIRECTION.DOWN, formatMessage);
-  }
-};

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

@@ -1,102 +0,0 @@
-import React, { useCallback } from 'react';
-import { injectIntl } from 'react-intl-next';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
-import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
-import { BLOCK_MENU_WIDTH } from './consts';
-import { getAnchorAttrName } from './utils/dom-attr-name';
-var BlockMenuContent = function BlockMenuContent(_ref) {
-  var editorView = _ref.editorView,
-    mountPoint = _ref.mountPoint,
-    boundariesElement = _ref.boundariesElement,
-    scrollableElement = _ref.scrollableElement,
-    api = _ref.api,
-    menuTriggerBy = _ref.menuTriggerBy,
-    formatMessage = _ref.formatMessage;
-  var activeNodeSelector = "[".concat(getAnchorAttrName(), "=").concat(menuTriggerBy, "]");
-  var targetHandleRef = document.querySelector(activeNodeSelector);
-  var items = getBlockMenuItems(formatMessage);
-  var handleOpenChange = useCallback(function (payload) {
-    if (!(payload !== null && payload !== void 0 && payload.isOpen)) {
-      api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-    }
-  }, [api === null || api === void 0 ? void 0 : api.core.actions, api === null || api === void 0 ? void 0 : api.blockControls.commands]);
-  var onMenuItemActivated = useCallback(function (_ref2) {
-    var item = _ref2.item;
-    if (editorView) {
-      var _menuItemsCallback, _menuItemsCallback$ca;
-      (_menuItemsCallback = menuItemsCallback[item.value.name]) === null || _menuItemsCallback === void 0 || (_menuItemsCallback$ca = _menuItemsCallback.call(menuItemsCallback, api, formatMessage)) === null || _menuItemsCallback$ca === void 0 || _menuItemsCallback$ca(editorView.state, editorView.dispatch, editorView);
-      api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-    }
-  }, [api, editorView, formatMessage]);
-  return /*#__PURE__*/React.createElement(Popup, {
-    alignX: 'left',
-    alignY: 'start'
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    ,
-    target: targetHandleRef,
-    mountTo: undefined,
-    zIndex: akEditorFloatingOverlapPanelZIndex,
-    forcePlacement: true,
-    stick: true,
-    offset: [-6, 8]
-  }, /*#__PURE__*/React.createElement(DropdownMenu, {
-    mountTo: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement
-    //This needs be removed when the a11y is completely handled
-    //Disabling key navigation now as it works only partially
-    ,
-    arrowKeyNavigationProviderOptions: {
-      type: ArrowKeyNavigationType.MENU
-    },
-    items: items,
-    isOpen: true,
-    fitWidth: BLOCK_MENU_WIDTH,
-    section: {
-      hasSeparator: true
-    },
-    onOpenChange: handleOpenChange,
-    onItemActivated: onMenuItemActivated
-  }));
-};
-var BlockMenu = function BlockMenu(_ref3) {
-  var editorView = _ref3.editorView,
-    mountPoint = _ref3.mountPoint,
-    boundariesElement = _ref3.boundariesElement,
-    scrollableElement = _ref3.scrollableElement,
-    api = _ref3.api,
-    formatMessage = _ref3.intl.formatMessage;
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
-      var _states$blockControls, _states$blockControls2;
-      return {
-        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
-        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
-      };
-    }),
-    isMenuOpen = _useSharedPluginState.isMenuOpen,
-    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
-  if (isMenuOpen) {
-    return null;
-  }
-  if (!menuTriggerBy) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(BlockMenuContent, {
-    editorView: editorView,
-    mountPoint: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement,
-    api: api,
-    menuTriggerBy: menuTriggerBy,
-    formatMessage: formatMessage
-  });
-};
-export default injectIntl(BlockMenu);

package/dist/types/ui/block-menu-items.d.ts

@@ -1,15 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { IntlShape } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
-import type { BlockControlsPlugin } from '../blockControlsPluginType';
-export declare const getBlockMenuItems: (formatMessage: IntlShape["formatMessage"]) => {
-    items: MenuItem[];
-}[];
-export declare const menuItemsCallback: {
-    moveUp: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape["formatMessage"]) => import("@atlaskit/editor-common/types").Command;
-    moveDown: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape["formatMessage"]) => import("@atlaskit/editor-common/types").Command;
-};

package/dist/types/ui/block-menu.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { BlockControlsPlugin } from '../blockControlsPluginType';
-type BlockMenuProps = {
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-    boundariesElement?: HTMLElement;
-    editorView: EditorView | undefined;
-    mountPoint?: HTMLElement;
-    scrollableElement?: HTMLElement;
-};
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<BlockMenuProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<BlockMenuProps & WrappedComponentProps>;
-};
-export default _default;

package/dist/types-ts4.5/ui/block-menu-items.d.ts

@@ -1,15 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { IntlShape } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
-import type { BlockControlsPlugin } from '../blockControlsPluginType';
-export declare const getBlockMenuItems: (formatMessage: IntlShape["formatMessage"]) => {
-    items: MenuItem[];
-}[];
-export declare const menuItemsCallback: {
-    moveUp: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape["formatMessage"]) => import("@atlaskit/editor-common/types").Command;
-    moveDown: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape["formatMessage"]) => import("@atlaskit/editor-common/types").Command;
-};

package/dist/types-ts4.5/ui/block-menu.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { BlockControlsPlugin } from '../blockControlsPluginType';
-type BlockMenuProps = {
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-    boundariesElement?: HTMLElement;
-    editorView: EditorView | undefined;
-    mountPoint?: HTMLElement;
-    scrollableElement?: HTMLElement;
-};
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<BlockMenuProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<BlockMenuProps & WrappedComponentProps>;
-};
-export default _default;