@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
37 lines • 1.22 kB
JavaScript
import React from 'react';
import { injectIntl } from 'react-intl-next';
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
import AttachmentIcon from '@atlaskit/icon/glyph/editor/attachment';
import { toolbarMediaMessages } from './toolbar-media-messages';
const onClickMediaButton = pluginState => () => {
pluginState.showMediaPicker();
return true;
};
const ToolbarMedia = ({
isDisabled,
isReducedSpacing,
intl,
api
}) => {
const {
mediaState
} = useSharedPluginState(api, ['media']);
if (!(mediaState !== null && mediaState !== void 0 && mediaState.allowsUploads)) {
return null;
}
const {
toolbarMediaTitle
} = toolbarMediaMessages;
return /*#__PURE__*/React.createElement(ToolbarButton, {
buttonId: TOOLBAR_BUTTON.MEDIA,
onClick: onClickMediaButton(mediaState),
disabled: isDisabled,
title: intl.formatMessage(toolbarMediaTitle),
spacing: isReducedSpacing ? 'none' : 'default',
iconBefore: /*#__PURE__*/React.createElement(AttachmentIcon, {
label: intl.formatMessage(toolbarMediaTitle)
})
});
};
export default injectIntl(ToolbarMedia);