@map-colonies/react-components 3.15.1 → 4.0.2

package/dist/fonts/material-icons/material-icons.css

@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+       local('MaterialIcons-Regular'),
+       url(MaterialIcons-Regular.woff2) format('woff2'),
+       url(MaterialIcons-Regular.woff) format('woff'),
+       url(MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}

package/dist/index.d.ts

@@ -1,13 +1,12 @@
-export * from './date-range-picker';
-export * from './date-picker';
-export * from './map-filter-container';
-export * from './models';
-export * from './ol-map';
-export * from './smart-table';
-export * from './popover';
-export * from './box';
-export * from './cssbaseline';
-export * from './theme';
-export * from './cesium-map';
-export * from './autocomplete';
-export * from './file-picker';
+export * from './date-range-picker';
+export * from './date-picker';
+export * from './map-filter-container';
+export * from './models';
+export * from './smart-table';
+export * from './popover';
+export * from './box';
+export * from './cssbaseline';
+export * from './theme';
+export * from './cesium-map';
+export * from './autocomplete';
+export * from './file-picker';

package/dist/map-filter-container/container-map.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-import { Polygon } from 'geojson';
-import { DrawType } from '../models/enums';
-import './container-map.css';
-interface ContainerMapProps {
-    drawType?: DrawType;
-    selectionPolygon?: Polygon;
-    onPolygonSelection: (polygon: Polygon) => void;
-}
-export declare const ContainerMap: React.FC<ContainerMapProps>;
-export {};
+import React, { PropsWithChildren } from 'react';
+import { Polygon } from 'geojson';
+import { DrawType } from '../models/enums';
+interface ContainerMapProps {
+    drawType?: DrawType;
+    selectionPolygon?: Polygon;
+    onPolygonSelection: (polygon: Polygon) => void;
+}
+export declare const ContainerMap: React.FC<PropsWithChildren<ContainerMapProps>>;
+export {};

package/dist/map-filter-container/index.d.ts

@@ -1 +1 @@
-export * from './map-filter-container';
+export * from './map-filter-container';

package/dist/map-filter-container/map-filter-container.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Polygon } from 'geojson';
-export interface MapFilterContainerProps {
-    handlePolygonSelected: (polygon: Polygon) => void;
-    handlePolygonReset: () => void;
-    mapContent?: React.ReactNode;
-    filters?: React.ReactNode[];
-}
-export declare const MapFilterContainer: React.FC<MapFilterContainerProps>;
+import React, { PropsWithChildren } from 'react';
+import { Polygon } from 'geojson';
+export interface MapFilterContainerProps {
+    handlePolygonSelected: (polygon: Polygon) => void;
+    handlePolygonReset: () => void;
+    mapContent?: React.ReactNode;
+    filters?: React.ReactNode[];
+}
+export declare const MapFilterContainer: React.FC<PropsWithChildren<MapFilterContainerProps>>;

package/dist/map-filter-container/polygon-selection-ui.d.ts

@@ -1,12 +1,9 @@
-import React from 'react';
-import '@map-colonies/react-core/dist/button/styles';
-import '@map-colonies/react-core/dist/tooltip/styles';
-import '@map-colonies/react-core/dist/menu/styles';
-import { DrawType } from '../models/enums';
-export interface PolygonSelectionUiProps {
-    isSelectionEnabled: boolean;
-    onStartDraw: (type: DrawType) => void;
-    onCancelDraw: () => void;
-    onReset: () => void;
-}
-export declare const PolygonSelectionUi: React.FC<PolygonSelectionUiProps>;
+import React from 'react';
+import { DrawType } from '../models/enums';
+export interface PolygonSelectionUiProps {
+    isSelectionEnabled: boolean;
+    onStartDraw: (type: DrawType) => void;
+    onCancelDraw: () => void;
+    onReset: () => void;
+}
+export declare const PolygonSelectionUi: React.FC<PolygonSelectionUiProps>;

package/dist/models/defaults.d.ts

@@ -1,28 +1,28 @@
-import { SupportedLocales } from './enums';
-declare const DEFAULTS: {
-    DATE_PICKER: {
-        dateFormat: string;
-        local: {
-            setText: string;
-            placeHolderText: string;
-            calendarLocale: SupportedLocales;
-        };
-        disableFuture: boolean;
-        showTime: boolean;
-        variant: string;
-    };
-    DATE_RANGE_PICKER: {
-        dateFormat: string;
-        controlsLayout: string;
-        local: {
-            setText: string;
-            startPlaceHolderText: string;
-            endPlaceHolderText: string;
-            calendarLocale: SupportedLocales;
-        };
-        renderAsButton: boolean;
-        offset: number;
-        disableFuture: boolean;
-    };
-};
-export default DEFAULTS;
+import { SupportedLocales } from './enums';
+declare const DEFAULTS: {
+    DATE_PICKER: {
+        dateFormat: string;
+        local: {
+            setText: string;
+            placeHolderText: string;
+            calendarLocale: SupportedLocales;
+        };
+        disableFuture: boolean;
+        showTime: boolean;
+        variant: string;
+    };
+    DATE_RANGE_PICKER: {
+        dateFormat: string;
+        controlsLayout: string;
+        local: {
+            setText: string;
+            startPlaceHolderText: string;
+            endPlaceHolderText: string;
+            calendarLocale: SupportedLocales;
+        };
+        renderAsButton: boolean;
+        offset: number;
+        disableFuture: boolean;
+    };
+};
+export default DEFAULTS;

package/dist/models/enums.d.ts

@@ -1,14 +1,14 @@
-export declare enum DrawType {
-    BOX = "BOX",
-    POLYGON = "POLYGON",
-    UNKNOWN = "UNKNOWN"
-}
-export declare enum SupportedLocales {
-    HE = "he",
-    EN = "en",
-    RU = "ru"
-}
-export declare enum BboxCorner {
-    TOP_RIGHT = "TOP_RIGHT",
-    BOTTOM_LEFT = "BOTTOM_LEFT"
-}
+export declare enum DrawType {
+    BOX = "BOX",
+    POLYGON = "POLYGON",
+    UNKNOWN = "UNKNOWN"
+}
+export declare enum SupportedLocales {
+    HE = "he",
+    EN = "en",
+    RU = "ru"
+}
+export declare enum BboxCorner {
+    TOP_RIGHT = "TOP_RIGHT",
+    BOTTOM_LEFT = "BOTTOM_LEFT"
+}

package/dist/models/index.d.ts

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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Geometry } from 'geojson';
-export interface FeatureProps {
-    geometry: Geometry;
-}
-export declare const GeoJSONFeature: React.FC<FeatureProps>;
+import React from 'react';
+import { Geometry } from 'geojson';
+export interface FeatureProps {
+    geometry: Geometry;
+}
+export declare const GeoJSONFeature: React.FC<FeatureProps>;

package/dist/ol-map/interactions/draw.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Geometry } from 'geojson';
-import { DrawType } from '../../models/enums';
-export interface DrawProps {
-    drawType: DrawType;
-    onPolygonSelected?: (geometry: Geometry) => void;
-}
-export declare const DrawInteraction: React.FC<DrawProps>;
+import React from 'react';
+import { Geometry } from 'geojson';
+import { DrawType } from '../../models/enums';
+export interface DrawProps {
+    drawType: DrawType;
+    onPolygonSelected?: (geometry: Geometry) => void;
+}
+export declare const DrawInteraction: React.FC<DrawProps>;

package/dist/ol-map/layers/tile-layer.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Tile } from 'ol/layer';
-import { Options } from 'ol/layer/Base';
-interface TileLayerProps {
-    options?: Options;
-}
-export declare const useTileLayer: () => Tile;
-export declare const TileLayer: React.FC<TileLayerProps>;
-export {};
+import React, { PropsWithChildren } from 'react';
+import { Tile } from 'ol/layer';
+import { Options } from 'ol/layer/Base';
+interface TileLayerProps {
+    options?: Options;
+}
+export declare const useTileLayer: () => Tile<any>;
+export declare const TileLayer: React.FC<PropsWithChildren<TileLayerProps>>;
+export {};

package/dist/ol-map/layers/vector-layer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Vector } from 'ol/layer';
-export declare const useVectorLayer: () => Vector;
-export declare const VectorLayer: React.FC;
+import React, { PropsWithChildren } from 'react';
+import { Vector } from 'ol/layer';
+export declare const useVectorLayer: () => Vector<any>;
+export declare const VectorLayer: React.FC<PropsWithChildren>;

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

@@ -1,14 +1,12 @@
-import React from 'react';
-import { Map as OlMap } from 'ol';
-import './map.css';
-import 'ol/ol.css';
-import { Proj } from '../utils/projections';
-export interface MapProps {
-    allowFullScreen?: boolean;
-    showMousePosition?: boolean;
-    projection?: Proj;
-    center?: [number, number];
-    zoom?: number;
-}
-export declare const useMap: () => OlMap;
-export declare const Map: React.FC<MapProps>;
+import React, { PropsWithChildren } from 'react';
+import { Map as OlMap } from 'ol';
+import { Proj } from '../utils/projections';
+export interface MapProps {
+    allowFullScreen?: boolean;
+    showMousePosition?: boolean;
+    projection?: Proj;
+    center?: [number, number];
+    zoom?: number;
+}
+export declare const useMap: () => OlMap;
+export declare const Map: React.FC<PropsWithChildren<MapProps>>;

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const TileOsm: React.FC;
+import React from 'react';
+export declare const TileOsm: React.FC;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Vector } from 'ol/source';
-export declare const useVectorSource: () => Vector;
-export declare const VectorSource: React.FC;
+import React, { PropsWithChildren } from 'react';
+import { Vector } from 'ol/source';
+export declare const useVectorSource: () => Vector;
+export declare const VectorSource: React.FC<PropsWithChildren>;

package/dist/popover/index.d.ts

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

package/dist/popover/popover.d.ts

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

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

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

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

@@ -1,11 +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 {};
+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>): React.JSX.Element;
+export {};

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

@@ -1,12 +1,13 @@
-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 {};
+import { CellMetadata, ElementFunction } from './smart-table-types';
+import React from 'react';
+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>): React.JSX.Element;
+export {};

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 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/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>): React.JSX.Element;

package/dist/theme/index.d.ts

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

package/dist/theme/theme.d.ts

@@ -1,8 +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 };
+import { Theme } from '@material-ui/core/styles';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+declare const useMappedMuiTheme: (theme: {
+    [key: string]: string;
+}) => Theme;
+declare const mapMcToMuiTheme: (mcTheme: {
+    [key: string]: string;
+}, prefersDarkMode?: boolean) => Theme;
+export { useMediaQuery, useMappedMuiTheme, mapMcToMuiTheme };

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/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;