@atlaskit/editor-plugin-block-menu 5.2.10 → 5.2.11

package/dist/cjs/ui/suggested-items-renderer.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SuggestedItemsRenderer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _utils = require("../editor-commands/transform-node-utils/utils");
-var _suggestedItemsRank = require("./utils/suggested-items-rank");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var SuggestedItemsRenderer = exports.SuggestedItemsRenderer = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var _api$blockMenu;
-  var api = _ref.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
-      var _states$blockControls;
-      return {
-        preservedSelection: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.preservedSelection
-      };
-    }),
-    preservedSelection = _useSharedPluginState.preservedSelection;
-  var blockMenuComponents = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.getBlockMenuComponents();
-  var menuItemsMap = (0, _react.useMemo)(function () {
-    if (!blockMenuComponents) {
-      return new Map();
-    }
-    return new Map(blockMenuComponents.filter(function (c) {
-      return c.type === 'block-menu-item';
-    }).map(function (item) {
-      return [item.key, item];
-    }));
-  }, [blockMenuComponents]);
-  var suggestedItems = (0, _react.useMemo)(function () {
-    if (!preservedSelection || menuItemsMap.size === 0) {
-      return [];
-    }
-    var selectedNode = (0, _utils.getSelectedNode)(preservedSelection);
-    if (!selectedNode) {
-      return [];
-    }
-    var nodeTypeName = selectedNode.node.type.name;
-    var sortedKeys = (0, _suggestedItemsRank.getSortedSuggestedItems)(nodeTypeName);
-    return sortedKeys.map(function (key) {
-      return menuItemsMap.get(key);
-    }).filter(function (item) {
-      return item !== undefined;
-    });
-  }, [menuItemsMap, preservedSelection]);
-  if (suggestedItems.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-    title: "Suggested"
-  }, suggestedItems.map(function (item) {
-    var ItemComponent = item.component;
-    return ItemComponent ? /*#__PURE__*/_react.default.createElement(ItemComponent, {
-      key: item.key
-    }) : null;
-  }));
-});

package/dist/es2019/ui/suggested-items-renderer.js

@@ -1,48 +0,0 @@
-import React, { useMemo } from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
-import { getSortedSuggestedItems } from './utils/suggested-items-rank';
-export const SuggestedItemsRenderer = /*#__PURE__*/React.memo(({
-  api
-}) => {
-  var _api$blockMenu;
-  const {
-    preservedSelection
-  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
-    var _states$blockControls;
-    return {
-      preservedSelection: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.preservedSelection
-    };
-  });
-  const blockMenuComponents = api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.getBlockMenuComponents();
-  const menuItemsMap = useMemo(() => {
-    if (!blockMenuComponents) {
-      return new Map();
-    }
-    return new Map(blockMenuComponents.filter(c => c.type === 'block-menu-item').map(item => [item.key, item]));
-  }, [blockMenuComponents]);
-  const suggestedItems = useMemo(() => {
-    if (!preservedSelection || menuItemsMap.size === 0) {
-      return [];
-    }
-    const selectedNode = getSelectedNode(preservedSelection);
-    if (!selectedNode) {
-      return [];
-    }
-    const nodeTypeName = selectedNode.node.type.name;
-    const sortedKeys = getSortedSuggestedItems(nodeTypeName);
-    return sortedKeys.map(key => menuItemsMap.get(key)).filter(item => item !== undefined);
-  }, [menuItemsMap, preservedSelection]);
-  if (suggestedItems.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    title: "Suggested"
-  }, suggestedItems.map(item => {
-    const ItemComponent = item.component;
-    return ItemComponent ? /*#__PURE__*/React.createElement(ItemComponent, {
-      key: item.key
-    }) : null;
-  }));
-});

package/dist/esm/ui/suggested-items-renderer.js

@@ -1,54 +0,0 @@
-import React, { useMemo } from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
-import { getSortedSuggestedItems } from './utils/suggested-items-rank';
-export var SuggestedItemsRenderer = /*#__PURE__*/React.memo(function (_ref) {
-  var _api$blockMenu;
-  var api = _ref.api;
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
-      var _states$blockControls;
-      return {
-        preservedSelection: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.preservedSelection
-      };
-    }),
-    preservedSelection = _useSharedPluginState.preservedSelection;
-  var blockMenuComponents = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.getBlockMenuComponents();
-  var menuItemsMap = useMemo(function () {
-    if (!blockMenuComponents) {
-      return new Map();
-    }
-    return new Map(blockMenuComponents.filter(function (c) {
-      return c.type === 'block-menu-item';
-    }).map(function (item) {
-      return [item.key, item];
-    }));
-  }, [blockMenuComponents]);
-  var suggestedItems = useMemo(function () {
-    if (!preservedSelection || menuItemsMap.size === 0) {
-      return [];
-    }
-    var selectedNode = getSelectedNode(preservedSelection);
-    if (!selectedNode) {
-      return [];
-    }
-    var nodeTypeName = selectedNode.node.type.name;
-    var sortedKeys = getSortedSuggestedItems(nodeTypeName);
-    return sortedKeys.map(function (key) {
-      return menuItemsMap.get(key);
-    }).filter(function (item) {
-      return item !== undefined;
-    });
-  }, [menuItemsMap, preservedSelection]);
-  if (suggestedItems.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    title: "Suggested"
-  }, suggestedItems.map(function (item) {
-    var ItemComponent = item.component;
-    return ItemComponent ? /*#__PURE__*/React.createElement(ItemComponent, {
-      key: item.key
-    }) : null;
-  }));
-});