@seasketch/geoprocessing/dist/src/components/iucn/IucnDesignationTable.js

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import { iucnCategoriesMap } from "../../iucn/index.js";
import { Table } from "../table/Table.js";
import { IucnLevelPill } from "./IucnLevelPill.js";
import { Pill } from "../Pill.js";
import { ReportTableStyled } from "../table/ReportTableStyled.js";
import { useTranslation } from "react-i18next";
export const IucnDesignationTable = () => {
    const { t } = useTranslation();
    const categoryLabel = t("Category");
    const protectionLevelLabel = t("Protection Level");
    // Translated protection categories
    const transCategories = {
        "1a": t("IUCN category 1a", "Strict Nature Reserve"),
        "1b": t("IUCN category 1b", "Wilderness Area"),
        "2": t("IUCN category 2", "National Park"),
        "3": t("IUCN category 3", "Natural Monument or Feature"),
        "2/3": t("IUCN category 2 or 3", "National Park or Natural Monument/Feature"),
        "4": t("IUCN category 4", "Habitat/Species Management Area"),
        "5": t("IUCN category 5", "Protected Landscape/Seascape"),
        "6": t("IUCN category 6", "Protected area with sustainable use"),
        "4/6": t("IUCN category 4 or 6", "Habitat/Species Management Area or Protected area with sustainable use"),
        None: t("IUCN category - none", "None"),
    };
    // Translated protection levels
    const transLevels = {
        full: t("IUCN protection level full", "Full"),
        high: t("IUCN protection level high", "High"),
        low: t("IUCN protection level low", "Low"),
    };
    const columns = [
        {
            Header: categoryLabel,
            accessor: (row) => {
                /* i18next-extract-disable-next-line */
                const categoryName = t(transCategories[row.category]);
                return (React.createElement("span", null,
                    row.category !== "None" && React.createElement(Pill, null, row.category),
                    " ",
                    categoryName));
            },
        },
        {
            Header: protectionLevelLabel,
            accessor: (row) => {
                /* i18next-extract-disable-next-line */
                const levelName = t(transLevels[row.level]);
                return React.createElement(IucnLevelPill, { level: row.level }, levelName);
            },
        },
    ];
    const categories = Object.values(iucnCategoriesMap).reduce((acc, combCat) => {
        return combCat.categories
            ? acc.concat(combCat.categories.map((cat) => ({
                ...cat,
                level: combCat.level,
            })))
            : acc.concat({
                category: combCat.category,
                name: combCat.name,
                level: combCat.level,
            });
    }, []);
    console.log(categories);
    return (React.createElement(ReportTableStyled, null,
        React.createElement(Table, { className: "table", columns: columns, data: categories.sort((a, b) => a.category.localeCompare(b.category)) })));
};
//# sourceMappingURL=IucnDesignationTable.js.map