@orfeas126/box-ui-elements
Version:
Box UI Elements
44 lines • 1.74 kB
JavaScript
/**
* @file Redesigned Metadata sidebar component
* @author Box
*/
import * as React from 'react';
import flow from 'lodash/flow';
import { useIntl } from 'react-intl';
import { ArrowsExpand } from '@box/blueprint-web-assets/icons/Fill';
import { IconButton } from '@box/blueprint-web';
import SidebarContent from './SidebarContent';
import { withAPIContext } from '../common/api-context';
import { withErrorBoundary } from '../common/error-boundary';
import { withLogger } from '../common/logger';
import { ORIGIN_BOXAI_SIDEBAR, SIDEBAR_VIEW_BOXAI } from '../../constants';
import { EVENT_JS_READY } from '../common/logger/constants';
import { mark } from '../../utils/performance';
import messages from '../common/messages';
import sidebarMessages from './messages';
const MARK_NAME_JS_READY = `${ORIGIN_BOXAI_SIDEBAR}_${EVENT_JS_READY}`;
mark(MARK_NAME_JS_READY);
function BoxAISidebar({
onExpandClick
}) {
const {
formatMessage
} = useIntl();
return /*#__PURE__*/React.createElement(SidebarContent, {
actions: /*#__PURE__*/React.createElement(IconButton, {
"aria-label": formatMessage(sidebarMessages.boxAISidebarExpand),
icon: ArrowsExpand,
onClick: onExpandClick,
size: "x-small"
}),
className: "bcs-BoxAISidebar",
sidebarView: SIDEBAR_VIEW_BOXAI,
title: formatMessage(messages.sidebarBoxAITitle)
}, /*#__PURE__*/React.createElement("div", {
className: "bcs-BoxAISidebar-content"
}));
}
export { BoxAISidebar as BoxAISidebarComponent };
const BoxAISidebarDefaultExport = flow([withLogger(ORIGIN_BOXAI_SIDEBAR), withErrorBoundary(ORIGIN_BOXAI_SIDEBAR), withAPIContext])(BoxAISidebar);
export default BoxAISidebarDefaultExport;
//# sourceMappingURL=BoxAISidebar.js.map