| /** |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| import React from 'react'; |
| import PropTypes from 'prop-types'; |
| import cx from 'classnames'; |
| import { t } from '@superset-ui/core'; |
| |
| import URLShortLinkButton from '../../components/URLShortLinkButton'; |
| import EmbedCodeButton from './EmbedCodeButton'; |
| import ConnectedDisplayQueryButton from './DisplayQueryButton'; |
| import { exportChart, getExploreLongUrl } from '../exploreUtils'; |
| |
| const propTypes = { |
| actions: PropTypes.object.isRequired, |
| canDownload: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]) |
| .isRequired, |
| chartStatus: PropTypes.string, |
| chartHeight: PropTypes.string.isRequired, |
| latestQueryFormData: PropTypes.object, |
| queriesResponse: PropTypes.arrayOf(PropTypes.object), |
| slice: PropTypes.object, |
| }; |
| |
| export default function ExploreActionButtons({ |
| actions, |
| canDownload, |
| chartHeight, |
| chartStatus, |
| latestQueryFormData, |
| queriesResponse, |
| slice, |
| }) { |
| const exportToCSVClasses = cx('btn btn-default btn-sm', { |
| disabled: !canDownload, |
| }); |
| const doExportCSV = exportChart.bind(this, { |
| formData: latestQueryFormData, |
| resultType: 'results', |
| resultFormat: 'csv', |
| }); |
| const doExportChart = exportChart.bind(this, { |
| formData: latestQueryFormData, |
| resultType: 'results', |
| resultFormat: 'json', |
| }); |
| |
| return ( |
| <div |
| className="btn-group results" |
| role="group" |
| data-test="btn-group-results" |
| > |
| {latestQueryFormData && ( |
| <URLShortLinkButton |
| url={getExploreLongUrl(latestQueryFormData)} |
| emailSubject="Superset Chart" |
| emailContent="Check out this chart: " |
| /> |
| )} |
| |
| {latestQueryFormData && ( |
| <EmbedCodeButton latestQueryFormData={latestQueryFormData} /> |
| )} |
| |
| {latestQueryFormData && ( |
| <div |
| role="button" |
| tabIndex={0} |
| onClick={doExportChart} |
| className="btn btn-default btn-sm" |
| title={t('Export to .json')} |
| target="_blank" |
| rel="noopener noreferrer" |
| > |
| <i className="fa fa-file-code-o" /> .json |
| </div> |
| )} |
| {latestQueryFormData && ( |
| <div |
| role="button" |
| tabIndex={0} |
| onClick={doExportCSV} |
| className={exportToCSVClasses} |
| title={t('Export to .csv format')} |
| target="_blank" |
| rel="noopener noreferrer" |
| > |
| <i className="fa fa-file-text-o" /> .csv |
| </div> |
| )} |
| <ConnectedDisplayQueryButton |
| chartHeight={chartHeight} |
| queryResponse={queriesResponse?.[0]} |
| latestQueryFormData={latestQueryFormData} |
| chartStatus={chartStatus} |
| onOpenInEditor={actions.redirectSQLLab} |
| onOpenPropertiesModal={actions.openPropertiesModal} |
| slice={slice} |
| /> |
| </div> |
| ); |
| } |
| |
| ExploreActionButtons.propTypes = propTypes; |