@map-colonies/react-components 3.10.5 → 3.12.2

package/dist/cesium-map/tools/scale-tracker.tool.js

@@ -1,158 +1,158 @@
-"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.ScaleTrackerTool = void 0;
-var react_1 = __importStar(require("react"));
-var cesium_1 = require("cesium");
-var lodash_1 = require("lodash");
-var map_1 = require("../map");
-require("./scale-tracker.tool.css");
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-var distances = [
-    1,
-    2,
-    3,
-    5,
-    10,
-    20,
-    30,
-    50,
-    100,
-    200,
-    300,
-    500,
-    1000,
-    2000,
-    3000,
-    5000,
-    10000,
-    20000,
-    30000,
-    50000,
-    100000,
-    200000,
-    300000,
-    500000,
-    1000000,
-    2000000,
-    3000000,
-    5000000,
-    10000000,
-    20000000,
-    30000000,
-    50000000,
-];
-var updateDistanceLegendCesium = function (mapViewer, prevScaleData, setScaleData, locale) {
-    var _a, _b;
-    var metersUnit = (_a = lodash_1.get(locale, 'METERS_UNIT')) !== null && _a !== void 0 ? _a : 'm';
-    var kiloMetersUnit = (_b = lodash_1.get(locale, 'KILOMETERS_UNIT')) !== null && _b !== void 0 ? _b : 'km';
-    var scale = {
-        barWidth: undefined,
-        distanceLabel: undefined,
-        lastLegendUpdate: prevScaleData.lastLegendUpdate,
-    };
-    var geodesic = new cesium_1.EllipsoidGeodesic();
-    var now = new Date().getTime();
-    if (now < scale.lastLegendUpdate + 250) {
-        return;
-    }
-    scale.lastLegendUpdate = now;
-    // Find the distance between two pixels at the bottom center of the screen.
-    var width = mapViewer.scene.canvas.clientWidth;
-    var height = mapViewer.scene.canvas.clientHeight;
-    var left = mapViewer.scene.camera.getPickRay(new cesium_1.Cartesian2((width / 2) | 0, height - 1));
-    var right = mapViewer.scene.camera.getPickRay(new cesium_1.Cartesian2((1 + width / 2) | 0, height - 1));
-    var globe = mapViewer.scene.globe;
-    var leftPosition = globe.pick(left, mapViewer.scene);
-    var rightPosition = globe.pick(right, mapViewer.scene);
-    if (!leftPosition || !rightPosition) {
-        return;
-    }
-    var leftCartographic = globe.ellipsoid.cartesianToCartographic(leftPosition);
-    var rightCartographic = globe.ellipsoid.cartesianToCartographic(rightPosition);
-    geodesic.setEndPoints(leftCartographic, rightCartographic);
-    var pixelDistance = geodesic.surfaceDistance;
-    // Find the first distance that makes the scale bar less than 100 pixels.
-    var maxBarWidth = 100;
-    var distance;
-    for (var i = distances.length - 1; !lodash_1.isNumber(distance) && i >= 0; --i) {
-        if (distances[i] / pixelDistance < maxBarWidth) {
-            distance = distances[i];
-        }
-    }
-    if (lodash_1.isNumber(distance)) {
-        var label = '';
-        if (distance >= 1000) {
-            label = (distance / 1000).toString() + " " + kiloMetersUnit;
-        }
-        else {
-            label = distance.toString() + " " + metersUnit;
-        }
-        scale.barWidth = (distance / pixelDistance) | 0;
-        scale.distanceLabel = label;
-    }
-    setScaleData(scale);
-};
-/* eslint-enable @typescript-eslint/no-magic-numbers */
-var ScaleTrackerTool = function (props) {
-    var mapViewer = map_1.useCesiumMap();
-    var _a = react_1.useState({
-        barWidth: undefined,
-        distanceLabel: undefined,
-        lastLegendUpdate: -1,
-    }), scaleData = _a[0], setScaleData = _a[1];
-    react_1.useEffect(function () {
-        var setFromEvent = function (e) {
-            updateDistanceLegendCesium(mapViewer, scaleData, setScaleData, props.locale);
-        };
-        var helper = new cesium_1.EventHelper();
-        var tileLoadHandler = function (event) {
-            if (mapViewer.scene.globe.tilesLoaded) {
-                setFromEvent(new MouseEvent('mouse'));
-                helper.removeAll();
-            }
-        };
-        // Register tiles loader handler for initial load because globe.pick returning undefined
-        // see here https://community.cesium.com/t/globe-pick-returning-undefined/6616
-        helper.add(mapViewer.scene.globe.tileLoadProgressEvent, tileLoadHandler);
-        mapViewer.camera.moveEnd.addEventListener(setFromEvent);
-        return function () {
-            try {
-                mapViewer.camera.moveEnd.removeEventListener(setFromEvent);
-            }
-            catch (e) {
-                console.log('CESIUM camera "moveEnd" remove listener failed', e);
-            }
-        };
-    }, [mapViewer, props.locale, scaleData]);
-    var calcLeft = function (width) {
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-        return 5 + (125 - width) / 2;
-    };
-    return (react_1.default.createElement("div", { className: "scalePosition" }, lodash_1.isNumber(scaleData.barWidth) && (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "distance-legend-label" }, scaleData.distanceLabel),
-        react_1.default.createElement("div", { className: "distance-legend-scale-bar", style: {
-                height: '2px',
-                width: scaleData.barWidth.toString() + "px",
-                left: calcLeft(scaleData.barWidth).toString() + "px",
-            } })))));
-};
-exports.ScaleTrackerTool = ScaleTrackerTool;
+"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.ScaleTrackerTool = void 0;
+var react_1 = __importStar(require("react"));
+var cesium_1 = require("cesium");
+var lodash_1 = require("lodash");
+var map_1 = require("../map");
+require("./scale-tracker.tool.css");
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+var distances = [
+    1,
+    2,
+    3,
+    5,
+    10,
+    20,
+    30,
+    50,
+    100,
+    200,
+    300,
+    500,
+    1000,
+    2000,
+    3000,
+    5000,
+    10000,
+    20000,
+    30000,
+    50000,
+    100000,
+    200000,
+    300000,
+    500000,
+    1000000,
+    2000000,
+    3000000,
+    5000000,
+    10000000,
+    20000000,
+    30000000,
+    50000000,
+];
+var updateDistanceLegendCesium = function (mapViewer, prevScaleData, setScaleData, locale) {
+    var _a, _b;
+    var metersUnit = (_a = lodash_1.get(locale, 'METERS_UNIT')) !== null && _a !== void 0 ? _a : 'm';
+    var kiloMetersUnit = (_b = lodash_1.get(locale, 'KILOMETERS_UNIT')) !== null && _b !== void 0 ? _b : 'km';
+    var scale = {
+        barWidth: undefined,
+        distanceLabel: undefined,
+        lastLegendUpdate: prevScaleData.lastLegendUpdate,
+    };
+    var geodesic = new cesium_1.EllipsoidGeodesic();
+    var now = new Date().getTime();
+    if (now < scale.lastLegendUpdate + 250) {
+        return;
+    }
+    scale.lastLegendUpdate = now;
+    // Find the distance between two pixels at the bottom center of the screen.
+    var width = mapViewer.scene.canvas.clientWidth;
+    var height = mapViewer.scene.canvas.clientHeight;
+    var left = mapViewer.scene.camera.getPickRay(new cesium_1.Cartesian2((width / 2) | 0, height - 1));
+    var right = mapViewer.scene.camera.getPickRay(new cesium_1.Cartesian2((1 + width / 2) | 0, height - 1));
+    var globe = mapViewer.scene.globe;
+    var leftPosition = globe.pick(left, mapViewer.scene);
+    var rightPosition = globe.pick(right, mapViewer.scene);
+    if (!leftPosition || !rightPosition) {
+        return;
+    }
+    var leftCartographic = globe.ellipsoid.cartesianToCartographic(leftPosition);
+    var rightCartographic = globe.ellipsoid.cartesianToCartographic(rightPosition);
+    geodesic.setEndPoints(leftCartographic, rightCartographic);
+    var pixelDistance = geodesic.surfaceDistance;
+    // Find the first distance that makes the scale bar less than 100 pixels.
+    var maxBarWidth = 100;
+    var distance;
+    for (var i = distances.length - 1; !lodash_1.isNumber(distance) && i >= 0; --i) {
+        if (distances[i] / pixelDistance < maxBarWidth) {
+            distance = distances[i];
+        }
+    }
+    if (lodash_1.isNumber(distance)) {
+        var label = '';
+        if (distance >= 1000) {
+            label = (distance / 1000).toString() + " " + kiloMetersUnit;
+        }
+        else {
+            label = distance.toString() + " " + metersUnit;
+        }
+        scale.barWidth = (distance / pixelDistance) | 0;
+        scale.distanceLabel = label;
+    }
+    setScaleData(scale);
+};
+/* eslint-enable @typescript-eslint/no-magic-numbers */
+var ScaleTrackerTool = function (props) {
+    var mapViewer = map_1.useCesiumMap();
+    var _a = react_1.useState({
+        barWidth: undefined,
+        distanceLabel: undefined,
+        lastLegendUpdate: -1,
+    }), scaleData = _a[0], setScaleData = _a[1];
+    react_1.useEffect(function () {
+        var setFromEvent = function (e) {
+            updateDistanceLegendCesium(mapViewer, scaleData, setScaleData, props.locale);
+        };
+        var helper = new cesium_1.EventHelper();
+        var tileLoadHandler = function (event) {
+            if (mapViewer.scene.globe.tilesLoaded) {
+                setFromEvent(new MouseEvent('mouse'));
+                helper.removeAll();
+            }
+        };
+        // Register tiles loader handler for initial load because globe.pick returning undefined
+        // see here https://community.cesium.com/t/globe-pick-returning-undefined/6616
+        helper.add(mapViewer.scene.globe.tileLoadProgressEvent, tileLoadHandler);
+        mapViewer.camera.moveEnd.addEventListener(setFromEvent);
+        return function () {
+            try {
+                mapViewer.camera.moveEnd.removeEventListener(setFromEvent);
+            }
+            catch (e) {
+                console.log('CESIUM camera "moveEnd" remove listener failed', e);
+            }
+        };
+    }, [mapViewer, props.locale, scaleData]);
+    var calcLeft = function (width) {
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        return 5 + (125 - width) / 2;
+    };
+    return (react_1.default.createElement("div", { className: "scalePosition" }, lodash_1.isNumber(scaleData.barWidth) && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "distance-legend-label" }, scaleData.distanceLabel),
+        react_1.default.createElement("div", { className: "distance-legend-scale-bar", style: {
+                height: '2px',
+                width: scaleData.barWidth.toString() + "px",
+                left: calcLeft(scaleData.barWidth).toString() + "px",
+            } })))));
+};
+exports.ScaleTrackerTool = ScaleTrackerTool;

package/dist/cesium-map/tools/terranian-height.tool.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface TerrainianHeightProps {
-}
-export declare const TerrainianHeightTool: React.FC<TerrainianHeightProps>;
+import React from 'react';
+export interface TerrainianHeightProps {
+}
+export declare const TerrainianHeightTool: React.FC<TerrainianHeightProps>;

package/dist/cesium-map/tools/terranian-height.tool.js

@@ -1,113 +1,114 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TerrainianHeightTool = void 0;
-var react_1 = __importDefault(require("react"));
-var cesium_1 = require("cesium");
-var map_1 = require("../map");
-var LABEL_PIXEL_OFFSET = -25;
-var FIRST_DATA_ROW_IDX = 2;
-var TerrainianHeightTool = function (props) {
-    var mapViewer = map_1.useCesiumMap();
-    var csvToArray = function (str, delimiter) {
-        if (delimiter === void 0) { delimiter = ','; }
-        // const headers = str.slice(0, str.indexOf('\n')).split(delimiter);
-        var rows = str.slice(str.indexOf('\n') + 1).split('\n');
-        var arr = rows.map(function (row) {
-            var values = row.split(delimiter);
-            var el = cesium_1.Cartographic.fromDegrees(parseFloat(values[0]), parseFloat(values[1]));
-            // const el = headers.reduce((object: Record<string, number>, header, index) => {
-            //   const trimmedHeader = header.trim();
-            //   object[trimmedHeader] = parseFloat(values[index]);
-            //   return object;
-            // }, {});
-            //return el;
-            return {
-                cartographic: el,
-                cartesian: new cesium_1.Cartesian2(parseFloat(values[0]), parseFloat(values[1])),
-            };
-        });
-        return arr;
-    };
-    var loadCSV = function (evt) {
-        var _a;
-        evt.preventDefault();
-        evt.persist();
-        var reader = new FileReader();
-        reader.onload = function (e) {
-            var _a;
-            var text = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
-            var parsed = csvToArray(text);
-            var ellipsoid = cesium_1.Ellipsoid.WGS84;
-            console.log('Loaded CSV content:\n', text);
-            void cesium_1.sampleTerrainMostDetailed(mapViewer.terrainProvider, parsed.map(function (item) { return item.cartographic; })).then(function (updatedPositions) {
-                console.log(updatedPositions);
-                mapViewer.scene.globe.depthTestAgainstTerrain = true;
-                mapViewer.entities.suspendEvents();
-                mapViewer.entities.removeAll();
-                updatedPositions.forEach(function (position, idx) {
-                    mapViewer.entities.add({
-                        name: (idx + FIRST_DATA_ROW_IDX).toString(),
-                        position: ellipsoid.cartographicToCartesian(position),
-                        billboard: {
-                            verticalOrigin: cesium_1.VerticalOrigin.BOTTOM,
-                            scale: 0.7,
-                            image: 'assets/img/map-marker.gif',
-                        },
-                        label: {
-                            text: (idx + FIRST_DATA_ROW_IDX).toString(),
-                            font: '14pt monospace',
-                            fillColor: cesium_1.Color.BLACK,
-                            style: cesium_1.LabelStyle.FILL_AND_OUTLINE,
-                            outlineWidth: 4,
-                            outlineColor: cesium_1.Color.BLACK,
-                            verticalOrigin: cesium_1.VerticalOrigin.BOTTOM,
-                            pixelOffset: new cesium_1.Cartesian2(0, LABEL_PIXEL_OFFSET),
-                        },
-                        description: "\n                Long: " + parsed[idx].cartesian.x + " </br>\n                Lat: " + parsed[idx].cartesian.y + " </br>\n                Height(m): <span style=\"font-weight: 500\">" + position.height + "</span>\n              ",
-                    });
-                });
-                mapViewer.entities.resumeEvents();
-                if (evt.target.files !== null) {
-                    exportToCsv("terranian_heights_" + evt.target.files[0].name, parsed);
-                    evt.target.value = '';
-                }
-                console.log('Pinned point count is ', mapViewer.entities.values.length);
-            }, function (err) {
-                console.error('ERROR while sampleTerrainMostDetailed:', err);
-            });
-        };
-        if ((_a = evt.target.files) === null || _a === void 0 ? void 0 : _a[0]) {
-            reader.readAsText(evt.target.files[0]);
-        }
-    };
-    var exportToCsv = function (filename, rows) {
-        var processRow = function (row) {
-            var finalVal = '';
-            finalVal += row.cartesian.x.toString() + ',';
-            finalVal += row.cartesian.y.toString() + ',';
-            finalVal += row.cartographic.height.toString();
-            return finalVal + '\n';
-        };
-        var csvFile = 'long,lat,height\n';
-        rows.forEach(function (row) {
-            csvFile += processRow(row);
-        });
-        var blob = new Blob([csvFile], { type: 'text/csv;charset=utf-8;' });
-        var link = document.createElement('a');
-        var url = URL.createObjectURL(blob);
-        link.setAttribute('href', url);
-        link.setAttribute('download', filename);
-        link.style.visibility = 'hidden';
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", { type: "file", id: "csvFile", accept: ".csv", onChange: function (e) {
-                loadCSV(e);
-            } })));
-};
-exports.TerrainianHeightTool = TerrainianHeightTool;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerrainianHeightTool = void 0;
+var react_1 = __importDefault(require("react"));
+var cesium_1 = require("cesium");
+var map_1 = require("../map");
+var LABEL_PIXEL_OFFSET = -25;
+var FIRST_DATA_ROW_IDX = 2;
+var TerrainianHeightTool = function (props) {
+    var mapViewer = map_1.useCesiumMap();
+    var csvToArray = function (str, delimiter) {
+        if (delimiter === void 0) { delimiter = ','; }
+        // const headers = str.slice(0, str.indexOf('\n')).split(delimiter);
+        var rows = str.slice(str.indexOf('\n') + 1).split('\n');
+        var arr = rows.map(function (row) {
+            var values = row.split(delimiter);
+            var el = cesium_1.Cartographic.fromDegrees(parseFloat(values[0]), parseFloat(values[1]));
+            // const el = headers.reduce((object: Record<string, number>, header, index) => {
+            //   const trimmedHeader = header.trim();
+            //   object[trimmedHeader] = parseFloat(values[index]);
+            //   return object;
+            // }, {});
+            //return el;
+            return {
+                cartographic: el,
+                cartesian: new cesium_1.Cartesian2(parseFloat(values[0]), parseFloat(values[1])),
+            };
+        });
+        return arr;
+    };
+    var loadCSV = function (evt) {
+        var _a;
+        evt.preventDefault();
+        evt.persist();
+        var reader = new FileReader();
+        reader.onload = function (e) {
+            var _a;
+            var text = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+            var parsed = csvToArray(text);
+            var ellipsoid = cesium_1.Ellipsoid.WGS84;
+            console.log('Loaded CSV content:\n', text);
+            void cesium_1.sampleTerrainMostDetailed(mapViewer.terrainProvider, parsed.map(function (item) { return item.cartographic; })).then(function (updatedPositions) {
+                console.log(updatedPositions);
+                updatedPositions = updatedPositions.slice(0, updatedPositions.length - 1); // UNIX brake line
+                mapViewer.scene.globe.depthTestAgainstTerrain = true;
+                mapViewer.entities.suspendEvents();
+                mapViewer.entities.removeAll();
+                updatedPositions.forEach(function (position, idx) {
+                    mapViewer.entities.add({
+                        name: (idx + FIRST_DATA_ROW_IDX).toString(),
+                        position: ellipsoid.cartographicToCartesian(position),
+                        billboard: {
+                            verticalOrigin: cesium_1.VerticalOrigin.BOTTOM,
+                            scale: 0.7,
+                            image: 'assets/img/map-marker.gif',
+                        },
+                        label: {
+                            text: (idx + FIRST_DATA_ROW_IDX).toString(),
+                            font: '14pt monospace',
+                            fillColor: cesium_1.Color.BLACK,
+                            style: cesium_1.LabelStyle.FILL_AND_OUTLINE,
+                            outlineWidth: 4,
+                            outlineColor: cesium_1.Color.BLACK,
+                            verticalOrigin: cesium_1.VerticalOrigin.BOTTOM,
+                            pixelOffset: new cesium_1.Cartesian2(0, LABEL_PIXEL_OFFSET),
+                        },
+                        description: "\n                Long: " + parsed[idx].cartesian.x + " </br>\n                Lat: " + parsed[idx].cartesian.y + " </br>\n                Height(m): <span style=\"font-weight: 500\">" + position.height + "</span>\n              ",
+                    });
+                });
+                mapViewer.entities.resumeEvents();
+                if (evt.target.files !== null) {
+                    exportToCsv("terranian_heights_" + evt.target.files[0].name, parsed);
+                    evt.target.value = '';
+                }
+                console.log('Pinned point count is ', mapViewer.entities.values.length);
+            }, function (err) {
+                console.error('ERROR while sampleTerrainMostDetailed:', err);
+            });
+        };
+        if ((_a = evt.target.files) === null || _a === void 0 ? void 0 : _a[0]) {
+            reader.readAsText(evt.target.files[0]);
+        }
+    };
+    var exportToCsv = function (filename, rows) {
+        var processRow = function (row) {
+            var finalVal = '';
+            finalVal += row.cartesian.x.toString() + ',';
+            finalVal += row.cartesian.y.toString() + ',';
+            finalVal += row.cartographic.height.toString();
+            return finalVal + '\n';
+        };
+        var csvFile = 'long,lat,height\n';
+        rows.forEach(function (row) {
+            csvFile += processRow(row);
+        });
+        var blob = new Blob([csvFile], { type: 'text/csv;charset=utf-8;' });
+        var link = document.createElement('a');
+        var url = URL.createObjectURL(blob);
+        link.setAttribute('href', url);
+        link.setAttribute('download', filename);
+        link.style.visibility = 'hidden';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", { type: "file", id: "csvFile", accept: ".csv", onChange: function (e) {
+                loadCSV(e);
+            } })));
+};
+exports.TerrainianHeightTool = TerrainianHeightTool;

package/dist/cssbaseline/cssbaseline.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CssBaselineProps } from '@material-ui/core/CssBaseline';
-import { ScopedCssBaselineProps } from '@material-ui/core/ScopedCssBaseline';
-export declare const McCssBaseline: React.FC<CssBaselineProps>;
-export declare const McScopedCssBaseline: React.FC<ScopedCssBaselineProps>;
+import React from 'react';
+import { CssBaselineProps } from '@material-ui/core/CssBaseline';
+import { ScopedCssBaselineProps } from '@material-ui/core/ScopedCssBaseline';
+export declare const McCssBaseline: React.FC<CssBaselineProps>;
+export declare const McScopedCssBaseline: React.FC<ScopedCssBaselineProps>;