@map-colonies/react-components 3.8.1 → 3.10.2

package/dist/ol-map/source/wmts.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TileWMTS = exports.getWMTSOptions = void 0;
+var react_1 = require("react");
+var source_1 = require("ol/source");
+var proj_1 = require("ol/proj");
+var WMTS_1 = __importDefault(require("ol/tilegrid/WMTS"));
+var extent_1 = require("ol/extent");
+var tile_layer_1 = require("../layers/tile-layer");
+var RESOLUTIONS = 20, TILE_GRANULARITY = 256, WMTS_RESOLUTION_BASIS = 2, LAYER_HEIGHT_WIDHT_RATIO = 2, REQUEST_ENCODING = 'REST';
+var getWMTSOptions = function (params) {
+    var projection = proj_1.get(params.projection);
+    var projectionExtent = projection.getExtent();
+    var resolutions = new Array(RESOLUTIONS);
+    var matrixIds = new Array(RESOLUTIONS);
+    var size = extent_1.getWidth(projectionExtent) / TILE_GRANULARITY;
+    var heightWidthRatio = params.heightWidthRatio !== undefined
+        ? params.heightWidthRatio
+        : LAYER_HEIGHT_WIDHT_RATIO;
+    var requestEncoding = params.requestEncoding !== undefined
+        ? params.requestEncoding
+        : REQUEST_ENCODING;
+    for (var z = 0; z < RESOLUTIONS; ++z) {
+        // generate resolutions and matrixIds arrays for this WMTS
+        resolutions[z] =
+            size / Math.pow(WMTS_RESOLUTION_BASIS, z) / heightWidthRatio;
+        matrixIds[z] = z.toString();
+    }
+    var wmtsOptions = {
+        attributions: params.attributions,
+        url: params.url,
+        layer: params.layer,
+        matrixSet: params.matrixSet,
+        format: params.format,
+        projection: projection,
+        tileGrid: new WMTS_1.default({
+            origin: extent_1.getTopLeft(projectionExtent),
+            resolutions: resolutions,
+            matrixIds: matrixIds,
+        }),
+        style: params.style,
+        requestEncoding: requestEncoding,
+        wrapX: params.wrapX !== undefined ? params.wrapX : true,
+    };
+    return wmtsOptions;
+};
+exports.getWMTSOptions = getWMTSOptions;
+var TileWMTS = function (props) {
+    var tileLayer = tile_layer_1.useTileLayer();
+    var options = props.options;
+    react_1.useEffect(function () {
+        tileLayer.setSource(new source_1.WMTS(options));
+    }, [tileLayer, options]);
+    return null;
+};
+exports.TileWMTS = TileWMTS;

package/dist/ol-map/source/xyz.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Options } from 'ol/source/XYZ';
+interface TileXYZProps {
+    options: Options;
+}
+export interface XYZOptionParams {
+    attributions?: string;
+    url: string;
+}
+export declare const getXYZOptions: (optionParams: XYZOptionParams) => Options;
+export declare const TileXYZ: React.FC<TileXYZProps>;
+export {};

package/dist/ol-map/source/xyz.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TileXYZ = exports.getXYZOptions = void 0;
+var react_1 = require("react");
+var XYZ_1 = __importDefault(require("ol/source/XYZ"));
+var tile_layer_1 = require("../layers/tile-layer");
+var getXYZOptions = function (optionParams) {
+    var attributions = optionParams.attributions, url = optionParams.url;
+    var xyzOptions = {
+        attributions: attributions,
+        url: url,
+    };
+    return xyzOptions;
+};
+exports.getXYZOptions = getXYZOptions;
+var TileXYZ = function (props) {
+    var tileLayer = tile_layer_1.useTileLayer();
+    var options = props.options;
+    react_1.useEffect(function () {
+        tileLayer.setSource(new XYZ_1.default(options));
+    }, [tileLayer, options]);
+    return null;
+};
+exports.TileXYZ = TileXYZ;

package/dist/ol-map/style.d.ts

@@ -0,0 +1,4 @@
+import { Style } from 'ol/style';
+import { StyleFunction } from 'ol/style/Style';
+export declare type MapStyle = Style | Style[] | StyleFunction;
+export declare const defaultStyle: Style[];

package/dist/ol-map/style.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultStyle = void 0;
+var style_1 = require("ol/style");
+var fill = new style_1.Fill({
+    color: 'rgba(255,255,255,0.4)',
+});
+var stroke = new style_1.Stroke({
+    color: '#3399CC',
+    width: 1.25,
+});
+exports.defaultStyle = [
+    new style_1.Style({
+        image: new style_1.Circle({
+            fill: fill,
+            stroke: stroke,
+            radius: 5,
+        }),
+        fill: fill,
+        stroke: stroke,
+    }),
+];

package/dist/popover/index.d.ts

@@ -0,0 +1 @@
+export { McPopover as Popover } from './popover';

package/dist/popover/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+var popover_1 = require("./popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.McPopover; } });

package/dist/popover/popover.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PopoverProps } from '@material-ui/core';
+export declare const McPopover: React.FC<PopoverProps>;

package/dist/popover/popover.js

@@ -0,0 +1,35 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.McPopover = void 0;
+var react_1 = __importDefault(require("react"));
+var core_1 = require("@material-ui/core");
+var McPopover = function (props) {
+    var children = props.children, rest = __rest(props, ["children"]);
+    return react_1.default.createElement(core_1.Popover, __assign({}, rest), children);
+};
+exports.McPopover = McPopover;

package/dist/smart-table/__mock-data__/smartTableMocks.d.ts

@@ -0,0 +1,7 @@
+import { CellMetadata } from '../smart-table-types';
+export interface Item {
+    first: string;
+    second: number;
+}
+export declare const headCells: CellMetadata<Item>[];
+export declare const items: Item[];

package/dist/smart-table/__mock-data__/smartTableMocks.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.items = exports.headCells = void 0;
+exports.headCells = [
+    {
+        disablePadding: true,
+        id: 'first',
+        label: 'first',
+        numeric: false,
+        transform: jest.fn().mockReturnValue('42'),
+    },
+    { disablePadding: false, id: 'second', label: 'second', numeric: true },
+];
+exports.items = [
+    { first: 'a', second: 1 },
+    { first: 'b', second: 2 },
+];

package/dist/smart-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './smart-table';
+export * from './smart-table-types';

package/dist/smart-table/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./smart-table"), exports);
+__exportStar(require("./smart-table-types"), exports);

package/dist/smart-table/smart-table-head.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CellMetadata, Order } from './smart-table-types';
+interface SmartTableHeadProps<T> {
+    headCells: CellMetadata<T>[];
+    onRequestSort: (event: React.MouseEvent<unknown>, property: keyof T) => void;
+    order: Order;
+    orderBy: keyof T | '';
+    isCollapseable: boolean;
+}
+export declare function SmartEnhancedTableHead<T>(props: SmartTableHeadProps<T>): JSX.Element;
+export {};

package/dist/smart-table/smart-table-head.js

@@ -0,0 +1,22 @@
+"use strict";
+/* eslint-disable */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartEnhancedTableHead = void 0;
+var react_1 = __importDefault(require("react"));
+var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
+var core_1 = require("@material-ui/core");
+function SmartEnhancedTableHead(props) {
+    var headCells = props.headCells, order = props.order, orderBy = props.orderBy, onRequestSort = props.onRequestSort, isCollapseable = props.isCollapseable;
+    var createSortHandler = function (property) { return function (event) {
+        onRequestSort(event, property);
+    }; };
+    return (react_1.default.createElement(TableHead_1.default, null,
+        react_1.default.createElement(core_1.TableRow, null,
+            isCollapseable && react_1.default.createElement(core_1.TableCell, null),
+            headCells.map(function (headCell) { return (react_1.default.createElement(core_1.TableCell, { key: headCell.id, align: headCell.numeric ? 'right' : 'left', padding: headCell.disablePadding ? 'none' : 'default', sortDirection: orderBy === headCell.id ? order : false },
+                react_1.default.createElement(core_1.TableSortLabel, { active: orderBy === headCell.id, direction: orderBy === headCell.id ? order : 'asc', onClick: createSortHandler(headCell.id) }, headCell.label))); }))));
+}
+exports.SmartEnhancedTableHead = SmartEnhancedTableHead;

package/dist/smart-table/smart-table-row.d.ts

@@ -0,0 +1,12 @@
+import { CellMetadata, ElementFunction } from './smart-table-types';
+interface SmartTableRowProps<T> {
+    item: T;
+    cellsMetadata: CellMetadata<T>[];
+    isRowSelected: boolean;
+    rowIndex: number;
+    onRowSelected?: (index: number) => void;
+    isCollapseable: boolean;
+    collapsedElement?: ElementFunction<T>;
+}
+export declare function SmartTableRow<T>(props: SmartTableRowProps<T>): JSX.Element;
+export {};

package/dist/smart-table/smart-table-row.js

@@ -0,0 +1,46 @@
+"use strict";
+/* eslint-disable */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTableRow = void 0;
+var react_1 = __importStar(require("react"));
+var core_1 = require("@material-ui/core");
+var icons_1 = require("@material-ui/icons");
+function SmartTableRow(props) {
+    var cellsMetadata = props.cellsMetadata, isRowSelected = props.isRowSelected, item = props.item, onRowSelected = props.onRowSelected, rowIndex = props.rowIndex, isCollapseable = props.isCollapseable, collapsedElement = props.collapsedElement;
+    var _a = react_1.useState(false), open = _a[0], setOpen = _a[1];
+    var cellCount = cellsMetadata.length;
+    var handleClick = function () {
+        onRowSelected === null || onRowSelected === void 0 ? void 0 : onRowSelected(rowIndex);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.TableRow, { hover: true, selected: isRowSelected, onClick: handleClick },
+            isCollapseable && (react_1.default.createElement(core_1.TableCell, { padding: "checkbox" },
+                react_1.default.createElement(core_1.IconButton, { "aria-label": "expand row", size: "small", onClick: function (e) {
+                        e.stopPropagation();
+                        setOpen(!open);
+                    } }, open ? react_1.default.createElement(icons_1.KeyboardArrowUp, null) : react_1.default.createElement(icons_1.KeyboardArrowDown, null)))),
+            cellsMetadata.map(function (cell) { return (react_1.default.createElement(core_1.TableCell, { key: cell.id + rowIndex.toString(), align: cell.numeric ? 'right' : 'left', padding: cell.disablePadding ? 'none' : 'default' }, cell.transform ? cell.transform(item[cell.id]) : item[cell.id])); })),
+        isCollapseable && (react_1.default.createElement(core_1.TableRow, null,
+            react_1.default.createElement(core_1.TableCell, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: cellCount + 1 },
+                react_1.default.createElement(core_1.Collapse, { in: open, unmountOnExit: true, timeout: "auto" }, collapsedElement === null || collapsedElement === void 0 ? void 0 : collapsedElement(item)))))));
+}
+exports.SmartTableRow = SmartTableRow;

package/dist/smart-table/smart-table-types.d.ts

@@ -0,0 +1,9 @@
+export declare type Order = 'asc' | 'desc';
+export declare type ElementFunction<T> = (item: T) => JSX.Element;
+export interface CellMetadata<T> {
+    disablePadding: boolean;
+    id: keyof T;
+    label: string;
+    numeric: boolean;
+    transform?: (value: T[keyof T]) => string;
+}

package/dist/smart-table/smart-table-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/smart-table/smart-table.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CellMetadata, ElementFunction, Order } from './smart-table-types';
+export interface SmartTableProps<T> {
+    cellsMetadata: CellMetadata<T>[];
+    items: T[];
+    onRequestSort: (property: keyof T, order: Order) => void;
+    onRowSelected: (index: number) => void;
+    isCollapseable: boolean;
+    collapsedElement?: ElementFunction<T>;
+    isDense?: boolean;
+    page: number;
+    rowsPerPage: 5 | 10;
+    count: number;
+    handleChangePage: (event: unknown, newPage: number) => void;
+    handleChangeRowsPerPage: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare function SmartTable<T>(props: SmartTableProps<T>): JSX.Element;

package/dist/smart-table/smart-table.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTable = void 0;
+/* eslint-disable */
+var react_1 = __importStar(require("react"));
+var core_1 = require("@material-ui/core");
+var smart_table_head_1 = require("./smart-table-head");
+var smart_table_row_1 = require("./smart-table-row");
+function SmartTable(props) {
+    var _a = react_1.useState(''), orderBy = _a[0], setOrderBy = _a[1];
+    var _b = react_1.useState('asc'), order = _b[0], setOrder = _b[1];
+    var cellsMetadata = props.cellsMetadata, items = props.items, onRequestSort = props.onRequestSort, onRowSelected = props.onRowSelected, isCollapseable = props.isCollapseable, collapsedElement = props.collapsedElement, isDense = props.isDense, page = props.page, rowsPerPage = props.rowsPerPage, count = props.count, handleChangePage = props.handleChangePage, handleChangeRowsPerPage = props.handleChangeRowsPerPage;
+    var handleRequestSort = function (event, property) {
+        var isAsc = orderBy === property && order === 'asc';
+        setOrder(isAsc ? 'desc' : 'asc');
+        setOrderBy(property);
+        onRequestSort(property, isAsc ? 'desc' : 'asc');
+    };
+    return (react_1.default.createElement(core_1.TableContainer, { component: core_1.Paper },
+        react_1.default.createElement(core_1.Table, { size: isDense ? 'small' : 'medium' },
+            react_1.default.createElement(smart_table_head_1.SmartEnhancedTableHead, { headCells: cellsMetadata, onRequestSort: handleRequestSort, order: order, orderBy: orderBy, isCollapseable: isCollapseable }),
+            react_1.default.createElement(core_1.TableBody, null,
+                items.map(function (item, index) { return (react_1.default.createElement(smart_table_row_1.SmartTableRow, { key: index, item: item, rowIndex: index, isCollapseable: isCollapseable, cellsMetadata: cellsMetadata, collapsedElement: collapsedElement, isRowSelected: false, onRowSelected: onRowSelected })); }),
+                (items.length === 0 || rowsPerPage > items.length) && (react_1.default.createElement(core_1.TableRow, { style: {
+                        height: (isDense ? 33 : 53) * (rowsPerPage - items.length),
+                    } },
+                    react_1.default.createElement(core_1.TableCell, { colSpan: isCollapseable
+                            ? cellsMetadata.length + 1
+                            : cellsMetadata.length }, items.length === 0 && (react_1.default.createElement(core_1.Typography, { align: "center" }, "No results :("))))))),
+        react_1.default.createElement(core_1.TablePagination, { rowsPerPage: rowsPerPage, rowsPerPageOptions: [5, 10], component: "div", count: count, page: page, onChangePage: handleChangePage, onChangeRowsPerPage: handleChangeRowsPerPage })));
+}
+exports.SmartTable = SmartTable;

package/dist/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './theme';

package/dist/theme/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./theme"), exports);

package/dist/theme/theme.d.ts

@@ -0,0 +1,8 @@
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+declare const useMappedMuiTheme: (theme: {
+    [key: string]: string;
+}) => import("@material-ui/core").Theme;
+declare const mapMcToMuiTheme: (mcTheme: {
+    [key: string]: string;
+}, prefersDarkMode?: boolean) => import("@material-ui/core").Theme;
+export { useMediaQuery, useMappedMuiTheme, mapMcToMuiTheme };

package/dist/theme/theme.js

@@ -0,0 +1,124 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapMcToMuiTheme = exports.useMappedMuiTheme = exports.useMediaQuery = void 0;
+var react_1 = __importDefault(require("react"));
+var core_1 = require("@material-ui/core");
+var useMediaQuery_1 = __importDefault(require("@material-ui/core/useMediaQuery"));
+exports.useMediaQuery = useMediaQuery_1.default;
+var useMappedMuiTheme = function (theme) {
+    var prefersDarkMode = theme.type === 'dark';
+    return react_1.default.useMemo(function () { return mapMcToMuiTheme(theme, prefersDarkMode); }, [
+        prefersDarkMode,
+        theme,
+    ]);
+};
+exports.useMappedMuiTheme = useMappedMuiTheme;
+var mapMcToMuiTheme = function (mcTheme, prefersDarkMode) {
+    if (prefersDarkMode === void 0) { prefersDarkMode = false; }
+    return core_1.createMuiTheme({
+        palette: {
+            type: prefersDarkMode ? 'dark' : 'light',
+            primary: {
+                main: mcTheme.primary,
+            },
+            secondary: {
+                main: mcTheme.secondary,
+            },
+            error: {
+                main: mcTheme.error,
+            },
+            background: {
+                default: mcTheme.surface,
+                paper: mcTheme.background,
+            },
+            text: {
+                primary: prefersDarkMode
+                    ? mcTheme.textPrimaryOnDark
+                    : mcTheme.textPrimaryOnLight,
+                secondary: prefersDarkMode
+                    ? mcTheme.textSecondaryOnDark
+                    : mcTheme.textSecondaryOnLight,
+            },
+        },
+    });
+};
+exports.mapMcToMuiTheme = mapMcToMuiTheme;
+/* primary: '#24aee9',
+secondary: '#e539ff',
+error: '#b00020',
+background: '#212121',
+surface: '#37474F',
+onPrimary: 'rgba(255,255,255,.87)',
+onSecondary: 'rgba(0,0,0,0.87)',
+onSurface: 'rgba(255,255,255,.87)',
+onError: '#fff',
+textPrimaryOnBackground: 'rgba(255, 255, 255, 1)',
+textSecondaryOnBackground: 'rgba(255, 255, 255, 0.7)',
+textHintOnBackground: 'rgba(255, 255, 255, 0.5)',
+textDisabledOnBackground: 'rgba(255, 255, 255, 0.5)',
+textIconOnBackground: 'rgba(255, 255, 255, 0.5)',
+textPrimaryOnLight: 'rgba(0, 0, 0, 0.87)',
+textSecondaryOnLight: 'rgba(0, 0, 0, 0.54)',
+textHintOnLight: 'rgba(0, 0, 0, 0.38)',
+textDisabledOnLight: 'rgba(0, 0, 0, 0.38)',
+textIconOnLight: 'rgba(0, 0, 0, 0.38)',
+textPrimaryOnDark: 'white',
+textSecondaryOnDark: 'rgba(255, 255, 255, 0.7)',
+textHintOnDark: 'rgba(255, 255, 255, 0.5)',
+textDisabledOnDark: 'rgba(255, 255, 255, 0.5)',
+textIconOnDark: 'rgba(255, 255, 255, 0.5)', */
+/* --mdc-theme-primary: #3f51b5;
+--mdc-theme-primary-light: #a4addf;
+--mdc-theme-primary-dark: #6f7dcd;
+--mdc-theme-secondary: #ff4081;
+--mdc-theme-secondary-light: #ff87b0;
+--mdc-theme-secondary-dark: #f80054;
+--mdc-theme-background: #fff;
+--mdc-theme-text-primary-on-primary: white;
+--mdc-theme-text-secondary-on-primary: rgba(255, 255, 255, 0.7);
+--mdc-theme-text-hint-on-primary: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-disabled-on-primary: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-icon-on-primary: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-primary-on-primary-light: rgba(0, 0, 0, 0.87);
+--mdc-theme-text-secondary-on-primary-light: rgba(0, 0, 0, 0.54);
+--mdc-theme-text-hint-on-primary-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-disabled-on-primary-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-icon-on-primary-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-primary-on-primary-dark: white;
+--mdc-theme-text-secondary-on-primary-dark: rgba(255, 255, 255, 0.7);
+--mdc-theme-text-hint-on-primary-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-disabled-on-primary-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-icon-on-primary-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-primary-on-secondary: white;
+--mdc-theme-text-secondary-on-secondary: rgba(255, 255, 255, 0.7);
+--mdc-theme-text-hint-on-secondary: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-disabled-on-secondary: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-icon-on-secondary: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-primary-on-secondary-light: rgba(0, 0, 0, 0.87);
+--mdc-theme-text-secondary-on-secondary-light: rgba(0, 0, 0, 0.54);
+--mdc-theme-text-hint-on-secondary-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-disabled-on-secondary-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-icon-on-secondary-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-primary-on-secondary-dark: white;
+--mdc-theme-text-secondary-on-secondary-dark: rgba(255, 255, 255, 0.7);
+--mdc-theme-text-hint-on-secondary-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-disabled-on-secondary-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-icon-on-secondary-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
+--mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
+--mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
+--mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
+--mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
+--mdc-theme-text-primary-on-dark: white;
+--mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
+--mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
+--mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); */

package/dist/utils/map.d.ts

@@ -0,0 +1,3 @@
+export declare const toRadian: (num: number) => number;
+export declare const toDegrees: (num: number) => number;
+export declare const getAltitude: (mapzoom: number) => number;

package/dist/utils/map.js

@@ -0,0 +1,21 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAltitude = exports.toDegrees = exports.toRadian = void 0;
+var toRadian = function (num) {
+    return (num * Math.PI) / 180;
+};
+exports.toRadian = toRadian;
+var toDegrees = function (num) {
+    return num * (180 / Math.PI);
+};
+exports.toDegrees = toDegrees;
+var getAltitude = function (mapzoom) {
+    //this equation is a transformation of the angular size equation solving for D. See: http://en.wikipedia.org/wiki/Forced_perspective
+    var firstPartOfEq = 0.05 * (591657550.5 / Math.pow(2, mapzoom - 1) / 2); //amount displayed is .05 meters and map scale =591657550.5/(Math.pow(2,(mapzoom-1))))
+    //this bit ^ essentially gets the h value in the angular size eq then divides it by 2
+    var googleearthaltitude = firstPartOfEq *
+        (Math.cos(exports.toRadian(85.362 / 2)) / Math.sin(exports.toRadian(85.362 / 2))); //85.362 is angle which google maps displays on a 5cm wide screen
+    return googleearthaltitude;
+};
+exports.getAltitude = getAltitude;

package/dist/utils/projections.d.ts

@@ -0,0 +1,6 @@
+export declare enum Proj {
+    WGS84 = "EPSG:4326",
+    WEB_MERCATOR = "EPSG:3857"
+}
+export declare const COORDINATES_WGS_FRACTION_DIGITS = 5;
+export declare const COORDINATES_MERCATOR_FRACTION_DIGITS = 2;

package/dist/utils/projections.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COORDINATES_MERCATOR_FRACTION_DIGITS = exports.COORDINATES_WGS_FRACTION_DIGITS = exports.Proj = void 0;
+var Proj;
+(function (Proj) {
+    Proj["WGS84"] = "EPSG:4326";
+    Proj["WEB_MERCATOR"] = "EPSG:3857";
+})(Proj = exports.Proj || (exports.Proj = {}));
+exports.COORDINATES_WGS_FRACTION_DIGITS = 5;
+exports.COORDINATES_MERCATOR_FRACTION_DIGITS = 2;

package/dist/utils/story.d.ts

@@ -0,0 +1,12 @@
+import { DecoratorFunction, ArgTypes } from '@storybook/addons';
+export interface CSFStory<StoryFnReturnType = unknown> {
+    story?: {
+        name?: string;
+        decorators?: DecoratorFunction<StoryFnReturnType>[];
+        parameters?: {
+            [name: string]: unknown;
+        };
+    };
+    argTypes?: ArgTypes;
+    (): StoryFnReturnType;
+}

package/dist/utils/story.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });