@map-colonies/react-components 3.15.0 → 4.0.1

package/src/lib/smart-table/smart-table-row.spec.tsx

@@ -1,109 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { IconButton, Collapse, TableCell, TableRow } from '@material-ui/core';
-import { SmartTableRow } from './smart-table-row';
-import { items, headCells } from './__mock-data__/smartTableMocks';
-
-const item = items[0];
-
-it('adds an IconButton and Collapse area if collapse is enabled and renders the element', () => {
-  const collapsedElementMock = jest.fn();
-
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={true}
-      isRowSelected={false}
-      item={item}
-      rowIndex={0}
-      collapsedElement={collapsedElementMock}
-    />
-  );
-
-  expect(wrapper.exists(IconButton)).toBeTruthy();
-  expect(wrapper.exists(Collapse)).toBeTruthy();
-
-  expect(collapsedElementMock).toHaveBeenCalledWith(item);
-  expect(collapsedElementMock).toHaveBeenCalledTimes(1);
-
-  wrapper.setProps({ isCollapseable: false });
-  expect(wrapper.exists(IconButton)).toBeFalsy();
-  expect(wrapper.exists(Collapse)).toBeFalsy();
-});
-
-it('opens the collapseable panel when the button is pressed', () => {
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={true}
-      isRowSelected={false}
-      item={item}
-      rowIndex={0}
-    />
-  );
-
-  expect(wrapper.find(Collapse).props()).toHaveProperty('in', false);
-
-  wrapper.find(IconButton).simulate('click', { stopPropagation: jest.fn() });
-
-  expect(wrapper.find(Collapse).props()).toHaveProperty('in', true);
-});
-
-it('generates tablecells with the correct properties and runs transform', () => {
-  const rowIndex = 0;
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={false}
-      isRowSelected={false}
-      item={item}
-      rowIndex={rowIndex}
-    />
-  );
-
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-  const firstTableCellProps = wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableCell &&
-        n.key() === headCells[0].id + rowIndex.toString()
-    )
-    .props();
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-  const secondTableCellProps = wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableCell &&
-        n.key() === headCells[1].id + rowIndex.toString()
-    )
-    .props();
-
-  expect(firstTableCellProps).toHaveProperty('align', 'left');
-  expect(secondTableCellProps).toHaveProperty('align', 'right');
-
-  expect(firstTableCellProps).toHaveProperty('padding', 'none');
-  expect(secondTableCellProps).toHaveProperty('padding', 'default');
-
-  // expect(firstTableCellProps).toHaveProperty('children', '42');
-  expect(headCells[0].transform).toHaveBeenCalledWith(item.first);
-  expect(secondTableCellProps).toHaveProperty('children', item.second);
-});
-
-it('calls onRowSelected with the correct index', () => {
-  const onRowSelected = jest.fn();
-
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={false}
-      isRowSelected={false}
-      item={item}
-      rowIndex={0}
-      onRowSelected={onRowSelected}
-    />
-  );
-
-  wrapper.find(TableRow).simulate('click');
-
-  expect(onRowSelected).toHaveBeenCalledWith(0);
-});

package/src/lib/smart-table/smart-table-row.tsx

@@ -1,78 +0,0 @@
-/* eslint-disable */
-
-import { CellMetadata, ElementFunction } from './smart-table-types';
-import React, { useState } from 'react';
-import { TableRow, TableCell, IconButton, Collapse } from '@material-ui/core';
-import {
-  KeyboardArrowDown as KeyboardArrowDownIcon,
-  KeyboardArrowUp as KeyboardArrowUpIcon,
-} from '@material-ui/icons';
-
-interface SmartTableRowProps<T> {
-  item: T;
-  cellsMetadata: CellMetadata<T>[];
-  isRowSelected: boolean;
-  rowIndex: number;
-  onRowSelected?: (index: number) => void;
-  isCollapseable: boolean;
-  collapsedElement?: ElementFunction<T>;
-}
-
-export function SmartTableRow<T>(props: SmartTableRowProps<T>) {
-  const {
-    cellsMetadata,
-    isRowSelected,
-    item,
-    onRowSelected,
-    rowIndex,
-    isCollapseable,
-    collapsedElement,
-  } = props;
-  const [open, setOpen] = useState(false);
-  const cellCount = cellsMetadata.length;
-
-  const handleClick = (): void => {
-    onRowSelected?.(rowIndex);
-  };
-  return (
-    <>
-      <TableRow hover selected={isRowSelected} onClick={handleClick}>
-        {isCollapseable && (
-          <TableCell padding="checkbox">
-            <IconButton
-              aria-label="expand row"
-              size="small"
-              onClick={(e): void => {
-                e.stopPropagation();
-                setOpen(!open);
-              }}
-            >
-              {open ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}
-            </IconButton>
-          </TableCell>
-        )}
-        {cellsMetadata.map((cell) => (
-          <TableCell
-            key={(cell.id as string) + rowIndex.toString()}
-            align={cell.numeric ? 'right' : 'left'}
-            padding={cell.disablePadding ? 'none' : 'default'}
-          >
-            {cell.transform ? cell.transform(item[cell.id]) : item[cell.id]}
-          </TableCell>
-        ))}
-      </TableRow>
-      {isCollapseable && (
-        <TableRow>
-          <TableCell
-            style={{ paddingBottom: 0, paddingTop: 0 }}
-            colSpan={cellCount + 1}
-          >
-            <Collapse in={open} unmountOnExit timeout="auto">
-              {collapsedElement?.(item)}
-            </Collapse>
-          </TableCell>
-        </TableRow>
-      )}
-    </>
-  );
-}

package/src/lib/smart-table/smart-table-types.ts

@@ -1,10 +0,0 @@
-export type Order = 'asc' | 'desc';
-export 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/src/lib/smart-table/smart-table.spec.tsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { TableRow } from '@material-ui/core';
-import { SmartTable } from './smart-table';
-import { headCells, items } from './__mock-data__/smartTableMocks';
-import { SmartTableRow } from './smart-table-row';
-import { SmartEnhancedTableHead } from './smart-table-head';
-
-const requestSort = jest.fn();
-
-afterEach(() => {
-  requestSort.mockClear();
-});
-
-it(
-  'generates an empty table row if the ' +
-    'items array is empty or if the rows per page is bigger',
-  () => {
-    const wrapper = shallow(
-      <SmartTable
-        cellsMetadata={headCells}
-        count={10}
-        handleChangePage={() => {
-          // do nothing for eslint
-        }}
-        handleChangeRowsPerPage={() => {
-          // do nothing for eslint
-        }}
-        isCollapseable={false}
-        items={[]}
-        onRowSelected={() => {
-          // do nothing for eslint
-        }}
-        onRequestSort={requestSort}
-        page={0}
-        rowsPerPage={10}
-      />
-    );
-
-    expect(wrapper.exists(TableRow)).toBe(true);
-
-    wrapper.setProps({ items: new Array(10).map(() => items[0]) });
-
-    expect(wrapper.exists(TableRow)).toBe(false);
-
-    wrapper.setProps({ items: items });
-
-    expect(wrapper.exists(TableRow)).toBe(true);
-  }
-);
-
-it('Generates a row for each of the items', () => {
-  const wrapper = shallow(
-    <SmartTable
-      cellsMetadata={headCells}
-      count={10}
-      handleChangePage={() => {
-        // do nothing for eslint
-      }}
-      handleChangeRowsPerPage={() => {
-        // do nothing for eslint
-      }}
-      isCollapseable={false}
-      items={items}
-      onRowSelected={() => {
-        // do nothing for eslint
-      }}
-      onRequestSort={requestSort}
-      page={0}
-      rowsPerPage={10}
-    />
-  );
-  const rows = wrapper.find(SmartTableRow);
-
-  expect(rows).toHaveLength(items.length);
-
-  rows.forEach((row, index) => {
-    expect(row.props()).toHaveProperty('item', items[index]);
-  });
-});
-
-it('calls on request sort with the correct order and property when sort is requested', () => {
-  const wrapper = shallow(
-    <SmartTable
-      cellsMetadata={headCells}
-      count={10}
-      handleChangePage={() => {
-        // do nothing for eslint
-      }}
-      handleChangeRowsPerPage={() => {
-        // do nothing for eslint
-      }}
-      isCollapseable={false}
-      items={items}
-      onRowSelected={() => {
-        // do nothing for eslint
-      }}
-      onRequestSort={requestSort}
-      page={0}
-      rowsPerPage={10}
-    />
-  );
-
-  wrapper
-    .find(SmartEnhancedTableHead)
-    .simulate('requestSort', {}, headCells[0].id);
-
-  expect(requestSort).toHaveBeenCalledWith(headCells[0].id, 'asc');
-  wrapper.update();
-
-  wrapper
-    .find(SmartEnhancedTableHead)
-    .simulate('requestSort', {}, headCells[0].id);
-
-  expect(requestSort).toHaveBeenCalledWith(headCells[0].id, 'desc');
-});

package/src/lib/smart-table/smart-table.tsx

@@ -1,115 +0,0 @@
-/* eslint-disable */
-import React, { useState } from 'react';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableRow,
-  Paper,
-  TablePagination,
-  Typography,
-} from '@material-ui/core';
-import { CellMetadata, ElementFunction, Order } from './smart-table-types';
-import { SmartEnhancedTableHead } from './smart-table-head';
-import { SmartTableRow } from './smart-table-row';
-
-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 function SmartTable<T>(props: SmartTableProps<T>) {
-  const [orderBy, setOrderBy] = useState<keyof T | ''>('');
-  const [order, setOrder] = useState<Order>('asc');
-  const {
-    cellsMetadata,
-    items,
-    onRequestSort,
-    onRowSelected,
-    isCollapseable,
-    collapsedElement,
-    isDense,
-    page,
-    rowsPerPage,
-    count,
-    handleChangePage,
-    handleChangeRowsPerPage,
-  } = props;
-
-  const handleRequestSort = (
-    event: React.MouseEvent<unknown>,
-    property: keyof T
-  ): void => {
-    const isAsc = orderBy === property && order === 'asc';
-    setOrder(isAsc ? 'desc' : 'asc');
-    setOrderBy(property);
-    onRequestSort(property, isAsc ? 'desc' : 'asc');
-  };
-
-  return (
-    <TableContainer component={Paper}>
-      <Table size={isDense ? 'small' : 'medium'}>
-        <SmartEnhancedTableHead
-          headCells={cellsMetadata}
-          onRequestSort={handleRequestSort}
-          order={order}
-          orderBy={orderBy}
-          isCollapseable={isCollapseable}
-        />
-        <TableBody>
-          {items.map((item, index) => (
-            <SmartTableRow
-              key={index}
-              item={item}
-              rowIndex={index}
-              isCollapseable={isCollapseable}
-              cellsMetadata={cellsMetadata}
-              collapsedElement={collapsedElement}
-              isRowSelected={false}
-              onRowSelected={onRowSelected}
-            />
-          ))}
-          {(items.length === 0 || rowsPerPage > items.length) && (
-            <TableRow
-              style={{
-                height: (isDense ? 33 : 53) * (rowsPerPage - items.length),
-              }}
-            >
-              <TableCell
-                colSpan={
-                  isCollapseable
-                    ? cellsMetadata.length + 1
-                    : cellsMetadata.length
-                }
-              >
-                {items.length === 0 && (
-                  <Typography align="center">No results :(</Typography>
-                )}
-              </TableCell>
-            </TableRow>
-          )}
-        </TableBody>
-      </Table>
-      <TablePagination
-        rowsPerPage={rowsPerPage}
-        rowsPerPageOptions={[5, 10]}
-        component="div"
-        count={count}
-        page={page}
-        onChangePage={handleChangePage}
-        onChangeRowsPerPage={handleChangeRowsPerPage}
-      />
-    </TableContainer>
-  );
-}

package/src/lib/smart-table/stories/SmartTable.stories.tsx

@@ -1,114 +0,0 @@
-import React, { useState } from 'react';
-import { button } from '@storybook/addon-knobs';
-import { action } from '@storybook/addon-actions';
-
-import { SmartTable, CellMetadata } from '..';
-import { CSFStory } from '../../utils/story';
-
-export default {
-  title: 'Smart Table',
-  component: SmartTable,
-};
-
-interface Person {
-  firstName: string;
-  lastName: string;
-  age: number;
-  birthday: string;
-}
-
-const metadata: CellMetadata<Person>[] = [
-  {
-    id: 'firstName',
-    label: 'First Name',
-    disablePadding: false,
-    numeric: false,
-  },
-  {
-    id: 'lastName',
-    label: 'Last Name',
-    disablePadding: false,
-    numeric: false,
-  },
-  {
-    id: 'age',
-    label: 'Age',
-    disablePadding: false,
-    numeric: true,
-  },
-  {
-    id: 'birthday',
-    label: 'Birthday',
-    disablePadding: false,
-    numeric: false,
-  },
-];
-
-const persons: Person[] = [
-  {
-    firstName: 'Dan',
-    lastName: 'Walker',
-    age: 24,
-    birthday: '8-3-1996',
-  },
-  {
-    firstName: 'Emily',
-    lastName: 'Jhonson',
-    age: 45,
-    birthday: '13-5-1975',
-  },
-  {
-    firstName: 'Ron',
-    lastName: 'Elen',
-    age: 13,
-    birthday: '7-7-2007',
-  },
-  {
-    firstName: 'Michael',
-    lastName: 'Wall',
-    age: 60,
-    birthday: '28-9-1960',
-  },
-];
-
-const getRandomPerson = (): Person =>
-  persons[Math.floor(Math.random() * persons.length)];
-
-interface TableStroyProps {
-  numberOfItems: number;
-}
-
-const TableStory: React.FC<TableStroyProps> = (props) => {
-  const [rowsPerPage, setRowsPerPage] = useState(5);
-  const [page, setPage] = useState(0);
-  const [items, setItems] = useState(
-    [...new Array<undefined>(props.numberOfItems)].map(getRandomPerson)
-  );
-
-  button('ADD ITEM', () => setItems([...items, getRandomPerson()]));
-  button('REMOVE ITEM', () => setItems(items.slice(0, -1))); //remove last
-  button('CLEAR TABLE', () => setItems([]));
-
-  return (
-    <SmartTable
-      rowsPerPage={rowsPerPage as 5 | 10}
-      handleChangePage={(e, newPage): void => setPage(newPage)}
-      handleChangeRowsPerPage={(e): void => setRowsPerPage(+e.target.value)}
-      page={page}
-      count={items.length}
-      items={items}
-      isCollapseable={true}
-      onRequestSort={action('sort requested')}
-      cellsMetadata={metadata}
-      onRowSelected={action('row selected')}
-      isDense={true}
-    />
-  );
-};
-
-export const Small: CSFStory<JSX.Element> = () => (
-  <TableStory numberOfItems={4} />
-);
-export const Large: CSFStory<JSX.Element> = () => (
-  <TableStory numberOfItems={60} />
-);

package/src/lib/theme/index.ts

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

package/src/lib/theme/theme.ts

@@ -1,123 +0,0 @@
-import React from 'react';
-import { createMuiTheme } from '@material-ui/core';
-import useMediaQuery from '@material-ui/core/useMediaQuery';
-
-const useMappedMuiTheme = (theme: { [key: string]: string }) => {
-  const prefersDarkMode = theme.type === 'dark';
-
-  return React.useMemo(() => mapMcToMuiTheme(theme, prefersDarkMode), [
-    prefersDarkMode,
-    theme,
-  ]);
-};
-
-const mapMcToMuiTheme = (
-  mcTheme: { [key: string]: string },
-  prefersDarkMode = false
-) => {
-  return 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,
-      },
-    },
-  });
-};
-
-export { useMediaQuery, useMappedMuiTheme, 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/src/lib/utils/map.ts

@@ -1,19 +0,0 @@
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-
-export const toRadian = (num: number): number => {
-  return (num * Math.PI) / 180;
-};
-
-export const toDegrees = (num: number): number => {
-  return num * (180 / Math.PI);
-};
-
-export const getAltitude = (mapzoom: number): number => {
-  //this equation is a transformation of the angular size equation solving for D. See: http://en.wikipedia.org/wiki/Forced_perspective
-  const 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
-  const googleearthaltitude =
-    firstPartOfEq *
-    (Math.cos(toRadian(85.362 / 2)) / Math.sin(toRadian(85.362 / 2))); //85.362 is angle which google maps displays on a 5cm wide screen
-  return googleearthaltitude;
-};

package/src/lib/utils/projections.ts

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