@map-colonies/react-components 3.12.2 → 3.13.0

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

@@ -1,46 +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;
+"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

@@ -1,9 +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;
-}
+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

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

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

@@ -1,17 +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;
+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

@@ -1,51 +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;
+"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

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

package/dist/theme/index.js

@@ -1,13 +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);
+"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

@@ -1,8 +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 };
+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

@@ -1,124 +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); */
+"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

@@ -1,3 +1,3 @@
-export declare const toRadian: (num: number) => number;
-export declare const toDegrees: (num: number) => number;
-export declare const getAltitude: (mapzoom: number) => number;
+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

@@ -1,21 +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;
+"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

@@ -1,6 +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;
+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;