@map-colonies/react-components 3.8.1 → 3.9.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/smart-table/index.ts"],"names":[],"mappings":";;;;;AAAA,mCAA8B;AAC9B,yCAAoC"}

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

@@ -0,0 +1,12 @@
+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 {};
+//# sourceMappingURL=smart-table-head.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table-head.d.ts","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table-head.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAG1D,UAAU,mBAAmB,CAAC,CAAC;IAC7B,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA+BtE"}

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 });
+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;
+//# sourceMappingURL=smart-table-head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table-head.js","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table-head.tsx"],"names":[],"mappings":";AAAA,oBAAoB;;;;;AAEpB,gDAA0B;AAC1B,0EAAoD;AAEpD,0CAAwE;AAUxE,SAAgB,sBAAsB,CAAI,KAA6B;IAC7D,IAAA,2BAAS,EAAE,mBAAK,EAAE,uBAAO,EAAE,mCAAa,EAAE,qCAAc,CAAW;IAC3E,IAAM,iBAAiB,GAAG,UAAC,QAAiB,IAAK,OAAA,UAC/C,KAAgC;QAEhC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,EAJgD,CAIhD,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAS;QACR,8BAAC,eAAQ;YACN,cAAc,IAAI,8BAAC,gBAAS,OAAG;YAC/B,SAAS,CAAC,GAAG,CAAC,UAAC,QAAQ,IAAK,OAAA,CAC3B,8BAAC,gBAAS,IACR,GAAG,EAAE,QAAQ,CAAC,EAAY,EAC1B,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC1C,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,aAAa,EAAE,OAAO,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;gBAEtD,8BAAC,qBAAc,IACb,MAAM,EAAE,OAAO,KAAK,QAAQ,CAAC,EAAE,EAC/B,SAAS,EAAE,OAAO,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAClD,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAEtC,QAAQ,CAAC,KAAK,CACA,CACP,CACb,EAf4B,CAe5B,CAAC,CACO,CACD,CACb,CAAC;AACJ,CAAC;AA/BD,wDA+BC"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+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 {};
+//# sourceMappingURL=smart-table-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table-row.d.ts","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table-row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQpE,UAAU,kBAAkB,CAAC,CAAC;IAC5B,IAAI,EAAE,CAAC,CAAC;IACR,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,eAyD5D"}

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

@@ -0,0 +1,36 @@
+"use strict";
+/* eslint-disable */
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var core_1 = require("@material-ui/core");
+var icons_1 = require("@material-ui/icons");
+function SmartTableRow(props) {
+    var _a;
+    var cellsMetadata = props.cellsMetadata, isRowSelected = props.isRowSelected, item = props.item, onRowSelected = props.onRowSelected, rowIndex = props.rowIndex, isCollapseable = props.isCollapseable, collapsedElement = props.collapsedElement;
+    var _b = react_1.useState(false), open = _b[0], setOpen = _b[1];
+    var cellCount = cellsMetadata.length;
+    var handleClick = function () {
+        var _a;
+        (_a = onRowSelected) === null || _a === void 0 ? void 0 : _a(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" }, (_a = collapsedElement) === null || _a === void 0 ? void 0 : _a(item)))))));
+}
+exports.SmartTableRow = SmartTableRow;
+//# sourceMappingURL=smart-table-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table-row.js","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table-row.tsx"],"names":[],"mappings":";AAAA,oBAAoB;;;;;;;;;AAGpB,6CAAwC;AACxC,0CAA8E;AAC9E,4CAG4B;AAY5B,SAAgB,aAAa,CAAI,KAA4B;;IAEzD,IAAA,mCAAa,EACb,mCAAa,EACb,iBAAI,EACJ,mCAAa,EACb,yBAAQ,EACR,qCAAc,EACd,yCAAgB,CACR;IACJ,IAAA,4BAAiC,EAAhC,YAAI,EAAE,eAA0B,CAAC;IACxC,IAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC;IAEvC,IAAM,WAAW,GAAG;;QAClB,MAAA,aAAa,0CAAG,QAAQ,EAAE;IAC5B,CAAC,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAQ,IAAC,KAAK,QAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW;YAC1D,cAAc,IAAI,CACjB,8BAAC,gBAAS,IAAC,OAAO,EAAC,UAAU;gBAC3B,8BAAC,iBAAU,kBACE,YAAY,EACvB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAC,CAAC;wBACT,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;oBACjB,CAAC,IAEA,IAAI,CAAC,CAAC,CAAC,8BAAC,uBAAmB,OAAG,CAAC,CAAC,CAAC,8BAAC,yBAAqB,OAAG,CAChD,CACH,CACb;YACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC3B,8BAAC,gBAAS,IACR,GAAG,EAAG,IAAI,CAAC,EAAa,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACtC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAEhD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CACrD,CACb,EAR4B,CAQ5B,CAAC,CACO;QACV,cAAc,IAAI,CACjB,8BAAC,eAAQ;YACP,8BAAC,gBAAS,IACR,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAC1C,OAAO,EAAE,SAAS,GAAG,CAAC;gBAEtB,8BAAC,eAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,aAAa,QAAC,OAAO,EAAC,MAAM,UAC7C,gBAAgB,0CAAG,IAAI,EACf,CACD,CACH,CACZ,CACA,CACJ,CAAC;AACJ,CAAC;AAzDD,sCAyDC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+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;
+}
+//# sourceMappingURL=smart-table-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table-types.d.ts","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table-types.ts"],"names":[],"mappings":";AAAA,oBAAY,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AACnC,oBAAY,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;AAE1D,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC;CAC3C"}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=smart-table-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table-types.js","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table-types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,18 @@
+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;
+//# sourceMappingURL=smart-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table.d.ts","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI3E,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,eAmFtD"}

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* 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;
+//# sourceMappingURL=smart-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-table.js","sourceRoot":"","sources":["../../src/lib/smart-table/smart-table.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,oBAAoB;AACpB,6CAAwC;AACxC,0CAS2B;AAE3B,uDAA4D;AAC5D,qDAAkD;AAiBlD,SAAgB,UAAU,CAAI,KAAyB;IAC/C,IAAA,yBAAkD,EAAjD,eAAO,EAAE,kBAAwC,CAAC;IACnD,IAAA,4BAA0C,EAAzC,aAAK,EAAE,gBAAkC,CAAC;IAE/C,IAAA,mCAAa,EACb,mBAAK,EACL,mCAAa,EACb,mCAAa,EACb,qCAAc,EACd,yCAAgB,EAChB,uBAAO,EACP,iBAAI,EACJ,+BAAW,EACX,mBAAK,EACL,yCAAgB,EAChB,uDAAuB,CACf;IAEV,IAAM,iBAAiB,GAAG,UACxB,KAAgC,EAChC,QAAiB;QAEjB,IAAM,KAAK,GAAG,OAAO,KAAK,QAAQ,IAAI,KAAK,KAAK,KAAK,CAAC;QACtD,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACjC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAc,IAAC,SAAS,EAAE,YAAK;QAC9B,8BAAC,YAAK,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;YACvC,8BAAC,yCAAsB,IACrB,SAAS,EAAE,aAAa,EACxB,aAAa,EAAE,iBAAiB,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAC9B;YACF,8BAAC,gBAAS;gBACP,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC1B,8BAAC,+BAAa,IACZ,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,KAAK,EACpB,aAAa,EAAE,aAAa,GAC5B,CACH,EAX2B,CAW3B,CAAC;gBACD,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CACrD,8BAAC,eAAQ,IACP,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;qBAC3D;oBAED,8BAAC,gBAAS,IACR,OAAO,EACL,cAAc;4BACZ,CAAC,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;4BAC1B,CAAC,CAAC,aAAa,CAAC,MAAM,IAGzB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CACrB,8BAAC,iBAAU,IAAC,KAAK,EAAC,QAAQ,oBAA2B,CACtD,CACS,CACH,CACZ,CACS,CACN;QACR,8BAAC,sBAAe,IACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAC3B,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,uBAAuB,GAC5C,CACa,CAClB,CAAC;AACJ,CAAC;AAnFD,gCAmFC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,7 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./theme"));
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/theme/index.ts"],"names":[],"mappings":";;;;;AAAA,6BAAwB"}

package/dist/theme/theme.d.ts

@@ -0,0 +1,9 @@
+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 };
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme/theme.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAE5D,QAAA,MAAM,iBAAiB;;uCAOtB,CAAC;AAEF,QAAA,MAAM,eAAe;;kEA8BpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC"}

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 });
+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); */
+//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/lib/theme/theme.ts"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAmD;AACnD,kFAA4D;AA2CnD,wBA3CF,uBAAa,CA2CE;AAzCtB,IAAM,iBAAiB,GAAG,UAAC,KAAgC;IACzD,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAE9C,OAAO,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,EAAvC,CAAuC,EAAE;QAClE,eAAe;QACf,KAAK;KACN,CAAC,CAAC;AACL,CAAC,CAAC;AAkCsB,8CAAiB;AAhCzC,IAAM,eAAe,GAAG,UACtB,OAAkC,EAClC,eAAuB;IAAvB,gCAAA,EAAA,uBAAuB;IAEvB,OAAO,qBAAc,CAAC;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YACxC,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO,CAAC,OAAO;aACtB;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,OAAO,CAAC,SAAS;aACxB;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO,CAAC,KAAK;aACpB;YACD,UAAU,EAAE;gBACV,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,KAAK,EAAE,OAAO,CAAC,UAAU;aAC1B;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,eAAe;oBACtB,CAAC,CAAC,OAAO,CAAC,iBAAiB;oBAC3B,CAAC,CAAC,OAAO,CAAC,kBAAkB;gBAC9B,SAAS,EAAE,eAAe;oBACxB,CAAC,CAAC,OAAO,CAAC,mBAAmB;oBAC7B,CAAC,CAAC,OAAO,CAAC,oBAAoB;aACjC;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEyC,0CAAe;AAC1D;;;;;;;;;;;;;;;;;;;;;;;8CAuB8C;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAmD2D"}

package/dist/utils/map.d.ts

@@ -0,0 +1,4 @@
+export declare const toRadian: (num: number) => number;
+export declare const toDegrees: (num: number) => number;
+export declare const getAltitude: (mapzoom: number) => number;
+//# sourceMappingURL=map.d.ts.map

package/dist/utils/map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../src/lib/utils/map.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,yBAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAErB,CAAC;AAEF,eAAO,MAAM,WAAW,6BAQvB,CAAC"}

package/dist/utils/map.js

@@ -0,0 +1,18 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toRadian = function (num) {
+    return (num * Math.PI) / 180;
+};
+exports.toDegrees = function (num) {
+    return num * (180 / Math.PI);
+};
+exports.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;
+};
+//# sourceMappingURL=map.js.map

package/dist/utils/map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","sourceRoot":"","sources":["../../src/lib/utils/map.ts"],"names":[],"mappings":";AAAA,wDAAwD;;AAE3C,QAAA,QAAQ,GAAG,UAAC,GAAW;IAClC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;AAC/B,CAAC,CAAC;AAEW,QAAA,SAAS,GAAG,UAAC,GAAW;IACnC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/B,CAAC,CAAC;AAEW,QAAA,WAAW,GAAG,UAAC,OAAe;IACzC,oIAAoI;IACpI,IAAM,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,sFAAsF;IACjK,qFAAqF;IACrF,IAAM,mBAAmB,GACvB,aAAa;QACb,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iEAAiE;IACtI,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC"}

package/dist/utils/projections.d.ts

@@ -0,0 +1,7 @@
+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;
+//# sourceMappingURL=projections.d.ts.map

package/dist/utils/projections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projections.d.ts","sourceRoot":"","sources":["../../src/lib/utils/projections.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI;IACd,KAAK,cAAc;IACnB,YAAY,cAAc;CAC3B;AAED,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,oCAAoC,IAAI,CAAC"}

package/dist/utils/projections.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;
+//# sourceMappingURL=projections.js.map

package/dist/utils/projections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projections.js","sourceRoot":"","sources":["../../src/lib/utils/projections.ts"],"names":[],"mappings":";;AAAA,IAAY,IAGX;AAHD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,kCAA0B,CAAA;AAC5B,CAAC,EAHW,IAAI,GAAJ,YAAI,KAAJ,YAAI,QAGf;AAEY,QAAA,+BAA+B,GAAG,CAAC,CAAC;AACpC,QAAA,oCAAoC,GAAG,CAAC,CAAC"}

package/dist/utils/story.d.ts

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

package/dist/utils/story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"story.d.ts","sourceRoot":"","sources":["../../src/lib/utils/story.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,WAAW,QAAQ,CAAC,iBAAiB,GAAG,OAAO;IACnD,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAAC;QACpD,UAAU,CAAC,EAAE;YAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAC;KAC1C,CAAC;IACF,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,iBAAiB,CAAC;CACvB"}

package/dist/utils/story.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=story.js.map

package/dist/utils/story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"story.js","sourceRoot":"","sources":["../../src/lib/utils/story.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "module": "dist/index.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",