terriajs
Version:
Geospatial data visualization platform.
30 lines • 1.58 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { observer } from "mobx-react";
import { Fragment } from "react";
import ChartView from "../../Charts/ChartView";
import filterOutUndefined from "../../Core/filterOutUndefined";
import hasTraits from "../../Models/Definition/hasTraits";
import DiscretelyTimeVaryingTraits from "../../Traits/TraitsClasses/DiscretelyTimeVaryingTraits";
import parseCustomHtmlToReact from "../Custom/parseCustomHtmlToReact";
import Box from "../../Styled/Box";
import Spacing from "../../Styled/Spacing";
import Text from "../../Styled/Text";
const ChartDisclaimer = ({ terria }) => {
const chartView = new ChartView(terria);
const uniqueChartDisclaimers = [
...new Set(filterOutUndefined(chartView.chartItems.map((chartItem) => chartItem.showInChartPanel &&
hasTraits(chartItem.item, DiscretelyTimeVaryingTraits, "chartDisclaimer")
? chartItem.item.chartDisclaimer
: undefined)))
];
if (uniqueChartDisclaimers.length === 0)
return null;
return (_jsxs(Box, { backgroundColor: "#9a4b4b", column: true, paddedHorizontally: 2, css: `
a,
a:visited {
color: white;
}
`, children: [_jsx(Spacing, { bottom: 2 }), uniqueChartDisclaimers.map((chartDisclaimer) => (_jsxs(Fragment, { children: [_jsx(Text, { textLight: true, children: parseCustomHtmlToReact(chartDisclaimer) }), _jsx(Spacing, { bottom: 2 })] }, chartDisclaimer)))] }));
};
export default observer(ChartDisclaimer);
//# sourceMappingURL=ChartDisclaimer.js.map