@map-colonies/react-components 3.12.2 → 3.13.0

package/dist/cesium-map/map-legend/MapLegend.css

@@ -1,135 +1,136 @@
-.mapLegendSidebarContainer {
-  width: 340px;
-  height: 100%;
-  position: relative;
-  overflow-y: auto;
-  overflow-x: hidden;
-  font-size: 16px;
-}
-
-/* Disable drawer animation */
-
-.mapLegendSidebarContainer.mdc-drawer--animate {
-  transform: translateX(0) !important;
-  transition: none !important;
-}
-
-.mapLegendSidebarContainer.mdc-drawer--dismissible {
-  position: relative;
-}
-
-div.MuiPaper-root {
-  transition: none !important;
-}
-
-.mapLegendCloseBtn {
-  position: absolute;
-  top: 0;
-  right: 0;
-  cursor: pointer;
-  width: 50px;
-  height: 50px;
-  padding: 20px;
-  font-size: 24px;
-}
-
-body[dir='rtl'] .mapLegendCloseBtn {
-  right: unset;
-  left: 0;
-}
-
-.mapLegendToggleContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.mapLegendIcon {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-
-.sidebarHeaderContainer {
-  text-align: center;
-  margin-top: 40px;
-}
-
-.sidebarTitle {
-  font-size: 1.5rem;
-  font-weight: bold;
-}
-
-.mapLegend {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  padding: 10px 14px;
-}
-
-.layerNameContainer {
-  width: 90%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.layerName {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.legendImg {
-  width: 90%;
-  height: 150px;
-  border: 1px solid black;
-  border-radius: 5px;
-  object-fit: cover;
-  cursor: pointer;
-}
-
-.legendActionsContainer {
-  display: flex;
-  flex-direction: row;
-  align-self: center;
-}
-
-.legendAction:not(:last-child)::after {
-  content: '|';
-  margin: 0px 4px;
-}
-
-.mapLegendsList {
-  display: flex;
-  flex-direction: column;
-  padding: 20px 0px;
-  width: 100%;
-  height: 90%;
-}
-
-.legendAction {
-  text-decoration: underline;
-  cursor: pointer;
-  font-size: 1.1rem;
-  transition: all 0.1s ease-in-out;
-  width: max-content;
-}
-
-.legendAction:hover {
-  filter: brightness(1.2);
-}
-
-.noLegendsContainer {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.noLegendsMsg {
-  text-align: center;
-}
+.mapLegendSidebarContainer {
+  width: 340px;
+  height: 100%;
+  position: relative;
+  overflow-y: auto;
+  overflow-x: hidden;
+  font-size: 16px;
+}
+
+/* Disable drawer animation */
+
+.mapLegendSidebarContainer.mdc-drawer--animate {
+  transform: translateX(0) !important;
+  transition: none !important;
+}
+
+.mapLegendSidebarContainer.mdc-drawer--dismissible {
+  position: relative;
+}
+
+div.MuiPaper-root {
+  transition: none !important;
+}
+
+.mapLegendCloseBtn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+  width: 50px;
+  height: 50px;
+  padding: 20px;
+  font-size: 24px;
+}
+
+body[dir='rtl'] .mapLegendCloseBtn {
+  right: unset;
+  left: 0;
+}
+
+.mapLegendToggleContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mapLegendIcon {
+  width: 2rem;
+  height: 2rem;
+  transform: translate(8%, 8%);
+}
+
+.sidebarHeaderContainer {
+  text-align: center;
+  margin-top: 40px;
+}
+
+.sidebarTitle {
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+
+.mapLegend {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding: 10px 14px;
+}
+
+.layerNameContainer {
+  width: 90%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.layerName {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.legendImg {
+  width: 90%;
+  height: 150px;
+  border: 1px solid black;
+  border-radius: 5px;
+  object-fit: cover;
+  cursor: pointer;
+}
+
+.legendActionsContainer {
+  display: flex;
+  flex-direction: row;
+  align-self: center;
+}
+
+.legendAction:not(:last-child)::after {
+  content: '|';
+  margin: 0px 4px;
+}
+
+.mapLegendsList {
+  display: flex;
+  flex-direction: column;
+  padding: 20px 0px;
+  width: 100%;
+  height: 90%;
+}
+
+.legendAction {
+  text-decoration: underline;
+  cursor: pointer;
+  font-size: 1.1rem;
+  transition: all 0.1s ease-in-out;
+  width: max-content;
+}
+
+.legendAction:hover {
+  filter: brightness(1.2);
+}
+
+.noLegendsContainer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.noLegendsMsg {
+  text-align: center;
+}

package/dist/cesium-map/map-legend/MapLegend.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import './MapLegend.css';
-export interface IMapLegend {
-    layer?: string;
-    legendDoc?: string;
-    legendImg?: string;
-    legend?: Record<string, unknown>[];
-}
-interface MapLegendProps {
-    legend: IMapLegend;
-    docText?: string;
-    imgText?: string;
-}
-export declare const MapLegend: React.FC<MapLegendProps>;
-export {};
+import React from 'react';
+import './MapLegend.css';
+export interface IMapLegend {
+    layer?: string;
+    legendDoc?: string;
+    legendImg?: string;
+    legend?: Record<string, unknown>[];
+}
+interface MapLegendProps {
+    legend: IMapLegend;
+    docText?: string;
+    imgText?: string;
+}
+export declare const MapLegend: React.FC<MapLegendProps>;
+export {};

package/dist/cesium-map/map-legend/MapLegend.js

@@ -1,57 +1,57 @@
-"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.MapLegend = void 0;
-var react_1 = __importStar(require("react"));
-var react_core_1 = require("@map-colonies/react-core");
-var box_1 = require("../../box");
-require("./MapLegend.css");
-var MapLegend = function (_a) {
-    var _b = _a.legend, legendImg = _b.legendImg, legendDoc = _b.legendDoc, layer = _b.layer, docText = _a.docText, imgText = _a.imgText;
-    var handleLegendImgOpen = react_1.useCallback(function () {
-        // Open image in a new tab.
-        window.open(legendImg, '_blank');
-    }, [legendImg]);
-    var handleLegendDocOpen = react_1.useCallback(function () {
-        // Open doc in a new tab.
-        window.open(legendDoc, '_blank');
-    }, [legendDoc]);
-    var renderLayerName = react_1.useCallback(function () {
-        var MAX_LAYER_NAME_LENGTH = 15;
-        var layerNameContainer = (react_1.default.createElement(box_1.Box, { className: "layerNameContainer" },
-            react_1.default.createElement("h3", { style: { maxWidth: MAX_LAYER_NAME_LENGTH + "ch" }, className: "layerName" }, layer)));
-        if ((layer !== null && layer !== void 0 ? layer : '').length > MAX_LAYER_NAME_LENGTH) {
-            return react_1.default.createElement(react_core_1.Tooltip, { content: layer }, layerNameContainer);
-        }
-        return layerNameContainer;
-    }, [layer]);
-    var renderLinks = react_1.useCallback(function () {
-        return [
-            typeof legendImg === 'string' && (react_1.default.createElement("a", { className: "legendAction", href: legendImg, target: "_blank", rel: "noreferrer" }, imgText)),
-            typeof legendDoc === 'string' && (react_1.default.createElement("a", { className: "legendAction", href: legendDoc, target: "_blank", rel: "noreferrer" }, docText)),
-        ];
-    }, [legendImg, imgText, legendDoc, docText]);
-    return (react_1.default.createElement(box_1.Box, { className: "mapLegend" },
-        renderLayerName(),
-        react_1.default.createElement("img", { alt: "Map Legend", className: "legendImg", src: legendImg, onClick: handleLegendImgOpen }),
-        react_1.default.createElement(box_1.Box, { className: "legendActionsContainer" }, renderLinks())));
-};
-exports.MapLegend = MapLegend;
+"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.MapLegend = void 0;
+var react_1 = __importStar(require("react"));
+var react_core_1 = require("@map-colonies/react-core");
+var box_1 = require("../../box");
+require("./MapLegend.css");
+var MapLegend = function (_a) {
+    var _b = _a.legend, legendImg = _b.legendImg, legendDoc = _b.legendDoc, layer = _b.layer, docText = _a.docText, imgText = _a.imgText;
+    var handleLegendImgOpen = react_1.useCallback(function () {
+        // Open image in a new tab.
+        window.open(legendImg, '_blank');
+    }, [legendImg]);
+    var handleLegendDocOpen = react_1.useCallback(function () {
+        // Open doc in a new tab.
+        window.open(legendDoc, '_blank');
+    }, [legendDoc]);
+    var renderLayerName = react_1.useCallback(function () {
+        var MAX_LAYER_NAME_LENGTH = 15;
+        var layerNameContainer = (react_1.default.createElement(box_1.Box, { className: "layerNameContainer" },
+            react_1.default.createElement("h3", { style: { maxWidth: MAX_LAYER_NAME_LENGTH + "ch" }, className: "layerName" }, layer)));
+        if ((layer !== null && layer !== void 0 ? layer : '').length > MAX_LAYER_NAME_LENGTH) {
+            return react_1.default.createElement(react_core_1.Tooltip, { content: layer }, layerNameContainer);
+        }
+        return layerNameContainer;
+    }, [layer]);
+    var renderLinks = react_1.useCallback(function () {
+        return [
+            typeof legendImg === 'string' && (react_1.default.createElement("a", { className: "legendAction", href: legendImg, target: "_blank", rel: "noreferrer" }, imgText)),
+            typeof legendDoc === 'string' && (react_1.default.createElement("a", { className: "legendAction", href: legendDoc, target: "_blank", rel: "noreferrer" }, docText)),
+        ];
+    }, [legendImg, imgText, legendDoc, docText]);
+    return (react_1.default.createElement(box_1.Box, { className: "mapLegend" },
+        renderLayerName(),
+        react_1.default.createElement("img", { alt: "Map Legend", className: "legendImg", src: legendImg, onClick: handleLegendImgOpen }),
+        react_1.default.createElement(box_1.Box, { className: "legendActionsContainer" }, renderLinks())));
+};
+exports.MapLegend = MapLegend;

package/dist/cesium-map/map-legend/MapLegendList.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { IMapLegend } from './MapLegend';
-import './MapLegend.css';
-interface MapLegendListProps {
-    legends: IMapLegend[];
-    actionsTexts: {
-        docText: string;
-        imgText: string;
-    };
-    noLegendsText: string;
-}
-export declare const MapLegendList: React.FC<MapLegendListProps>;
-export {};
+import React from 'react';
+import { IMapLegend } from './MapLegend';
+import './MapLegend.css';
+interface MapLegendListProps {
+    legends: IMapLegend[];
+    actionsTexts: {
+        docText: string;
+        imgText: string;
+    };
+    noLegendsText: string;
+}
+export declare const MapLegendList: React.FC<MapLegendListProps>;
+export {};

package/dist/cesium-map/map-legend/MapLegendList.js

@@ -1,43 +1,43 @@
-"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.MapLegendList = void 0;
-var react_1 = __importStar(require("react"));
-var box_1 = require("../../box");
-var MapLegend_1 = require("./MapLegend");
-require("./MapLegend.css");
-var MapLegendList = function (_a) {
-    var legends = _a.legends, _b = _a.actionsTexts, docText = _b.docText, imgText = _b.imgText, noLegendsText = _a.noLegendsText;
-    var handleNoLegends = react_1.useCallback(function () {
-        return (react_1.default.createElement(box_1.Box, { className: "noLegendsContainer" },
-            react_1.default.createElement("h2", { className: "noLegendsMsg" }, noLegendsText)));
-    }, [noLegendsText]);
-    var renderList = react_1.useCallback(function () {
-        if (!legends.length) {
-            return handleNoLegends();
-        }
-        return legends.map(function (legend, i) {
-            return (react_1.default.createElement(MapLegend_1.MapLegend, { key: legend.layer + "_" + i, legend: legend, docText: docText, imgText: imgText }));
-        });
-    }, [legends]);
-    return react_1.default.createElement(box_1.Box, { className: "mapLegendsList" }, renderList());
-};
-exports.MapLegendList = MapLegendList;
+"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.MapLegendList = void 0;
+var react_1 = __importStar(require("react"));
+var box_1 = require("../../box");
+var MapLegend_1 = require("./MapLegend");
+require("./MapLegend.css");
+var MapLegendList = function (_a) {
+    var legends = _a.legends, _b = _a.actionsTexts, docText = _b.docText, imgText = _b.imgText, noLegendsText = _a.noLegendsText;
+    var handleNoLegends = react_1.useCallback(function () {
+        return (react_1.default.createElement(box_1.Box, { className: "noLegendsContainer" },
+            react_1.default.createElement("h2", { className: "noLegendsMsg" }, noLegendsText)));
+    }, [noLegendsText]);
+    var renderList = react_1.useCallback(function () {
+        if (!legends.length) {
+            return handleNoLegends();
+        }
+        return legends.map(function (legend, i) {
+            return (react_1.default.createElement(MapLegend_1.MapLegend, { key: legend.layer + "_" + i, legend: legend, docText: docText, imgText: imgText }));
+        });
+    }, [legends]);
+    return react_1.default.createElement(box_1.Box, { className: "mapLegendsList" }, renderList());
+};
+exports.MapLegendList = MapLegendList;

package/dist/cesium-map/map-legend/MapLegendSidebar.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { IMapLegend } from './MapLegend';
-import './MapLegend.css';
-interface MapLegendSidebarProps {
-    isOpen: boolean;
-    toggleSidebar: () => void;
-    title?: string;
-    noLegendsText?: string;
-    actionsTexts?: {
-        docText: string;
-        imgText: string;
-    };
-    legends?: IMapLegend[];
-}
-export declare const MapLegendSidebar: React.FC<MapLegendSidebarProps>;
-export {};
+import React from 'react';
+import { IMapLegend } from './MapLegend';
+import './MapLegend.css';
+interface MapLegendSidebarProps {
+    isOpen: boolean;
+    toggleSidebar: () => void;
+    title?: string;
+    noLegendsText?: string;
+    actionsTexts?: {
+        docText: string;
+        imgText: string;
+    };
+    legends?: IMapLegend[];
+}
+export declare const MapLegendSidebar: React.FC<MapLegendSidebarProps>;
+export {};

package/dist/cesium-map/map-legend/MapLegendSidebar.js

@@ -1,20 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MapLegendSidebar = void 0;
-var react_1 = __importDefault(require("react"));
-var react_core_1 = require("@map-colonies/react-core");
-var MapLegendList_1 = require("./MapLegendList");
-require("./MapLegend.css");
-var MapLegendSidebar = function (_a) {
-    var isOpen = _a.isOpen, toggleSidebar = _a.toggleSidebar, _b = _a.title, title = _b === void 0 ? 'Map Legends' : _b, _c = _a.noLegendsText, noLegendsText = _c === void 0 ? 'No legends to display...' : _c, _d = _a.actionsTexts, actionsTexts = _d === void 0 ? { docText: 'Docs', imgText: 'View Image' } : _d, _e = _a.legends, legends = _e === void 0 ? [] : _e;
-    return isOpen ? (react_1.default.createElement(react_core_1.Drawer, { className: "mapLegendSidebarContainer", modal: false, dismissible: true, open: isOpen },
-        react_1.default.createElement(react_core_1.DrawerHeader, { className: "sidebarHeaderContainer" },
-            react_1.default.createElement(react_core_1.DrawerTitle, { className: "sidebarTitle" }, title)),
-        react_1.default.createElement(react_core_1.DrawerContent, { className: "sidebarContent" },
-            react_1.default.createElement(react_core_1.Icon, { onClick: toggleSidebar, className: "mapLegendCloseBtn", icon: { icon: 'close', size: 'small' } }),
-            react_1.default.createElement(MapLegendList_1.MapLegendList, { noLegendsText: noLegendsText, legends: legends, actionsTexts: actionsTexts })))) : null;
-};
-exports.MapLegendSidebar = MapLegendSidebar;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapLegendSidebar = void 0;
+var react_1 = __importDefault(require("react"));
+var react_core_1 = require("@map-colonies/react-core");
+var MapLegendList_1 = require("./MapLegendList");
+require("./MapLegend.css");
+var MapLegendSidebar = function (_a) {
+    var isOpen = _a.isOpen, toggleSidebar = _a.toggleSidebar, _b = _a.title, title = _b === void 0 ? 'Map Legends' : _b, _c = _a.noLegendsText, noLegendsText = _c === void 0 ? 'No legends to display...' : _c, _d = _a.actionsTexts, actionsTexts = _d === void 0 ? { docText: 'Docs', imgText: 'View Image' } : _d, _e = _a.legends, legends = _e === void 0 ? [] : _e;
+    return isOpen ? (react_1.default.createElement(react_core_1.Drawer, { className: "mapLegendSidebarContainer", modal: false, dismissible: true, open: isOpen },
+        react_1.default.createElement(react_core_1.DrawerHeader, { className: "sidebarHeaderContainer" },
+            react_1.default.createElement(react_core_1.DrawerTitle, { className: "sidebarTitle" }, title)),
+        react_1.default.createElement(react_core_1.DrawerContent, { className: "sidebarContent" },
+            react_1.default.createElement(react_core_1.Icon, { onClick: toggleSidebar, className: "mapLegendCloseBtn", icon: { icon: 'close', size: 'small' } }),
+            react_1.default.createElement(MapLegendList_1.MapLegendList, { noLegendsText: noLegendsText, legends: legends, actionsTexts: actionsTexts })))) : null;
+};
+exports.MapLegendSidebar = MapLegendSidebar;

package/dist/cesium-map/map-legend/MapLegendToggle.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import './MapLegend.css';
-interface MapLegendProps {
-    onClick: () => void;
-}
-export declare const MapLegendToggle: React.FC<MapLegendProps>;
-export {};
+import React from 'react';
+import './MapLegend.css';
+interface MapLegendProps {
+    onClick: () => void;
+}
+export declare const MapLegendToggle: React.FC<MapLegendProps>;
+export {};