@atlaskit/editor-plugin-block-menu
Version:
BlockMenu plugin for @atlaskit/editor-core
60 lines (59 loc) • 2.54 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Flag = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _hooks = require("@atlaskit/editor-common/hooks");
var _messages = require("@atlaskit/editor-common/messages");
var _flag = _interopRequireDefault(require("@atlaskit/flag/flag"));
var _flagGroup = require("@atlaskit/flag/flag-group");
var _autoDismissFlag = _interopRequireDefault(require("@atlaskit/flag/auto-dismiss-flag"));
var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/core/check-circle"));
var _blockMenuPluginType = require("../blockMenuPluginType");
var _main = require("../pm-plugins/main");
var flagMap = (0, _defineProperty2.default)({}, _blockMenuPluginType.FLAG_ID.LINK_COPIED_TO_CLIPBOARD, {
title: _messages.blockMenuMessages.linkCopiedToClipboard,
autoDismiss: true
});
var Flag = exports.Flag = function Flag(_ref) {
var api = _ref.api;
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockMenu'], function (states) {
var _states$blockMenuStat;
return {
showFlag: (_states$blockMenuStat = states.blockMenuState) === null || _states$blockMenuStat === void 0 ? void 0 : _states$blockMenuStat.showFlag
};
}),
showFlag = _useSharedPluginState.showFlag;
var _useIntl = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl.formatMessage;
if (!showFlag) {
return;
}
var title = flagMap[showFlag].title;
var onDismissed = function onDismissed() {
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
var tr = _ref2.tr;
tr.setMeta(_main.blockMenuPluginKey, {
showFlag: false
});
return tr;
});
api === null || api === void 0 || api.core.actions.focus();
};
var FlagComponent = flagMap[showFlag].autoDismiss ? _autoDismissFlag.default : _flag.default;
return /*#__PURE__*/_react.default.createElement(_flagGroup.FlagGroup, null, /*#__PURE__*/_react.default.createElement(FlagComponent, {
onDismissed: onDismissed,
title: formatMessage(title),
id: showFlag,
testId: showFlag,
icon: /*#__PURE__*/_react.default.createElement(_checkCircle.default, {
label: "",
color: "var(--ds-icon-success, #6A9A23)",
size: "small"
})
}));
};