terriajs
Version:
Geospatial data visualization platform.
72 lines • 4.52 kB
JavaScript
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { runInAction } from "mobx";
import { observer } from "mobx-react";
import PropTypes from "prop-types";
import { Component } from "react";
import { withTranslation } from "react-i18next";
import defined from "terriajs-cesium/Source/Core/defined";
import { DataSourceAction } from "../../Core/AnalyticEvents/analyticEvents";
import MappableMixin from "../../ModelMixins/MappableMixin";
import toggleItemOnMapFromCatalog, { Op as ToggleOnMapOp } from "../DataCatalog/toggleItemOnMapFromCatalog";
import measureElement from "../HOCs/measureElement";
import SharePanel from "../Map/Panels/SharePanel/SharePanel";
import DataPreviewMap from "./DataPreviewMap";
import Description from "./Description";
import Styles from "./mappable-preview.scss";
import WarningBox from "./WarningBox";
/**
* @typedef {object} Props
* @prop {Terria} terria
* @prop {MappableMixin.Instance} previewed
* @prop {ViewState} viewState
*
*/
/**
* CatalogItem preview that is mappable (as opposed to say, an analytics item that can't be displayed on a map without
* configuration of other parameters.
* @extends {React.Component<Props>}
*/
let MappablePreview = class MappablePreview extends Component {
static propTypes = {
previewed: PropTypes.object.isRequired,
terria: PropTypes.object.isRequired,
viewState: PropTypes.object.isRequired,
widthFromMeasureElementHOC: PropTypes.number,
t: PropTypes.func.isRequired
};
async toggleOnMap(event) {
if (defined(this.props.viewState.storyShown)) {
runInAction(() => (this.props.viewState.storyShown = false));
}
const keepCatalogOpen = this.props.viewState.terria.configParameters.keepCatalogOpen ||
event.shiftKey ||
event.ctrlKey;
await toggleItemOnMapFromCatalog(this.props.viewState, this.props.previewed, keepCatalogOpen, {
[ToggleOnMapOp.Add]: DataSourceAction.addFromPreviewButton,
[ToggleOnMapOp.Remove]: DataSourceAction.removeFromPreviewButton
});
}
backToMap() {
this.props.viewState.explorerPanelIsVisible = false;
}
render() {
const { t } = this.props;
const catalogItem = this.props.previewed;
return (_jsxs("div", { className: Styles.root, children: [MappableMixin.isMixedInto(catalogItem) &&
!catalogItem.disablePreview && (_jsx(DataPreviewMap, { terria: this.props.terria, previewed: catalogItem, showMap: true })), _jsx("button", { type: "button", onClick: this.toggleOnMap.bind(this), className: Styles.btnAdd, children: this.props.terria.workbench.contains(catalogItem)
? t("preview.removeFromMap")
: t("preview.addToMap") }), _jsxs("div", { className: Styles.previewedInfo, children: [_jsxs("div", { className: Styles.titleAndShareWrapper, ref: (component) => (this.refToMeasure = component), children: [_jsx("h3", { className: Styles.h3, children: catalogItem.name }), !catalogItem.hasLocalData &&
!this.props.viewState.useSmallScreenInterface && (_jsx("div", { className: Styles.shareLinkWrapper, children: _jsx(SharePanel, { catalogShare: true, catalogShareWithoutText: true, modalWidth: this.props.widthFromMeasureElementHOC, terria: this.props.terria, viewState: this.props.viewState }) }))] }), catalogItem.loadMetadataResult?.error && (_jsx(WarningBox, { error: catalogItem.loadMetadataResult?.error, viewState: this.props.viewState })), catalogItem.loadMapItemsResult?.error && (_jsx(WarningBox, { error: catalogItem.loadMapItemsResult?.error, viewState: this.props.viewState })), _jsx(Description, { item: catalogItem })] })] }));
}
};
MappablePreview = __decorate([
observer
], MappablePreview);
export default withTranslation()(measureElement(MappablePreview));
//# sourceMappingURL=MappablePreview.js.map